Stack Overflow
Stack Overflow

Questions tagged [react-native-pager-view]

14 questions
6
votes
4 answers

Unable To Resolve module react-native-pager-view React Native

I am learning react native. When installing the app in simulator, i am facing an issue which is following. Please provide any solution. If i install react-native-pager-view then it throws error. And when i uninstalled it. It is throwing following…
Rakesh Saini
  • 660
  • 2
  • 7
  • 20
3
votes
3 answers

Facing issue in TextInput of react-native-paper ,the label is using line-through effect when I set its background as transparent

Facing issue in TextInput of react-native-paper ,The label is using line-through effect when I set its background as transparent. How to remove this line-through effect from the label text when the background color is set to transparent, when color…
Manish Kumar
  • 997
  • 2
  • 13
  • 30
2
votes
3 answers

React-native View-pager setPage is not working on iOS

I'm using react-native-pager-view and I try to setPage on my index change but it doesn't work on iOS devices. Flow is like this that I try to pass the index as a props to my custom ViewPager and I'm using the UseEffect to setPage for my ViewPager…
Niloufar
  • 512
  • 1
  • 5
  • 24
1
vote
1 answer

Invariant Violation: requireNativeComponent: "RNCViewPager" was not found in the UIManager

Trying to integrate react-native into my existing iOS application. Here are the contents of my package.json: { "name": "MyReactNativeApp", "version": "0.0.1", "private": true, "scripts": { "start": "yarn react-native start" …
Shivam bansal
  • 11
  • 3
1
vote
0 answers

PagerView works on swipe but not programmatically with setPage

I am working with react-native-pager-view and I am having trouble setting the page programmatically using nativeEvent.setPage() I have tried a lot of things, went through all the issues regarding it but no luck. So far I've tried: Changing the…
Danyal
  • 860
  • 7
  • 13
1
vote
3 answers

material-top-tabs closes keyboard on first focus

I am using "react-native": "0.70.4", with the @react-navigation/material-top-tabs to make a custom bottomsheet with top tabs inside. When clicking the TextInput in tab nr 2 it dismiss the keyboard, but if i click again it does not happen. I tried…
KLK
  • 49
  • 7
1
vote
0 answers

react native pager view : Seeing a blank screen when I use setPageWithoutAnimation to last page

I am using version 5.1.11 on iOS. I am trying to jump to the last page using ref.current.setPageWithoutAnimation(lastPageIndex) However, I see a blank screen and if I move my finger a little bit (left-right) on the screen it then shows me the UI.…
j10
  • 2,009
  • 3
  • 27
  • 44
0
votes
0 answers

react-native-pager-view is not working with FlaLlist in react Native

( navigation.navigate('Vaction',…
Goku Sama
  • 3
  • 2
0
votes
0 answers

React native pager view update items and scroll to first index

I have problem and not quite sure how to fix it properly. I have N number of slides in my react native pager view and all works fine and performant. Now, i can add new slide in list and if I am on on index 1 or 2 in pager view it works correctly add…
Jalson1982
  • 287
  • 4
  • 14
0
votes
0 answers

How to implement Depth Page Transformer like animation in react native using react native pager view

I want to implement Depth page transformer(example) like animation in react native using package react-native-pager-view. Is it possible to do it, can anybody guide me in the right direction?
Naroju
  • 2,637
  • 4
  • 25
  • 44
0
votes
0 answers

how to disable scrolling "parent.requestDisallowInterceptTouchEvent(false) " in tabview2 if isUserInputEnabled = false?

Error horizontal ViewPager2 setScrollEnabled = false in a horizontal ViewPager2 . parent pageview2 cant scroll . I want to check when isUserInputEnabled = false then set parent.requestDisallowInterceptTouchEvent(false) . Can you provide the…
Code Ngu
  • 1
0
votes
1 answer

PageView's onPageScroll gives wrong position on iPhone 12+

Using "react-native-pager-view": "^6.1.2" package in ReactNative. I have the same bug as here. https://github.com/callstack/react-native-pager-view/issues/503 I'm trying PagerView with the code pasted below, but when I swipe to move the page,…
raccoon
  • 11
  • 1
  • 4
0
votes
2 answers

What should I pass as a value to a prop expecting Animated.Value while using react-native-reanimated?

I created a hook to capture the react-native-pager-view carousel scroll position: import { useEvent, useHandler } from 'react-native-reanimated'; import { AnimatedPagerScrollHookParams } from './animated-pager-scroll.type'; const…
shet_tayyy
  • 5,366
  • 11
  • 44
  • 82
0
votes
0 answers

TextInput in ViewPager unfocusssing due to KeyboardAvoidingView?

I've read multiple questions regarding an existing issue with the PagerView library being combined with the KeyboardAvoidingView. All of the asked questions didn't lead me to a full solution. Multiple stated that the behavior of the…
Koen van der Marel
  • 164
  • 1
  • 6