Stack Overflow
Stack Overflow

Questions tagged [react-native-scrollview]

ScrollView is React Native component equivalent to Android/iOS ScrollView, that allows the view hierarchy placed within it to be scrolled

Documentation: here

232 questions
4
votes
0 answers

Is it possible to control the scroll position of an Animated.Scrollview in react-native with the Animated API?

I'm trying to manually control the deceleration of an Animated.ScrollView after the user releases their finger. I have found plenty of resources on setting an animated value to the position of a scrollview but nothing about tying the position of the…
maboesanman
  • 387
  • 4
  • 15
4
votes
2 answers

React Native ListView Insets

I am having trouble aligning my list view with the navbar. I have tried work with with the insets, it has worked for iOS but for android the problem still remains. I would have thought that the insets for the Listview(iOS) would be automatically…
George Host
  • 980
  • 1
  • 12
  • 26
4
votes
0 answers

Scroll view is not working in android in react-native

i am using scroll view in react-native to move the view, i wrote like this scrollView.scrollTo({ y: newY, animated: true }); scrolldown(){ this.refs.ScrollView.scrollTo({y:windowSize.width*2/9,animated: true}); } scroll(){ …
Hussian Shaik
  • 2,559
  • 9
  • 37
  • 57
3
votes
0 answers

Scrollview not working with React Navigation Top Tabs

I have this code below:
vpu65529
  • 93
  • 5
3
votes
0 answers

How to make one of the nested components sticky in ScrollView?

I have a component like this make this component sticky Now, I want to make the second view sticky. I know ScrollView has a prop stickyHeaderIndices where you can specify the index…
ASG
  • 61
  • 4
3
votes
1 answer

Dropdown picker placed above ScrollView isn't responding to scroll but ScrollView is

I have placed a Dropdown picker above a ScrollView, when both Dropdown picker and ScrollView is poppulated with data and I'm trying to scroll through the data in Dropdown it instead scrolling the ScrollView in the background. Infact the Dropdown…
Santanu Roy
  • 61
  • 7
3
votes
1 answer

Is it possible in React Native to have fixed footer but still touch anywhere in entire viewport to scroll?

How can I make it possible for the user to touch and drag anywhere on the screen to initiate scroll INCLUDING touching on top of this absolute component which is outside and on top of the ScrollView? I created an example on Snack, here is my…
Lucas Gruber
  • 31
  • 4
3
votes
3 answers

Sticky header on SectionList ReactNative

I need to create a screen Catalog(Categories and Products). I'm using SectionList from React Native in order to achive this. I need to make that Categories component stick on the top when you scroll product lists. Is there any library that could…
hijack
  • 45
  • 1
  • 4
3
votes
1 answer

React Native scroll interaction blocks tap/touch events

I'm using a bunch of ScrollViews in my Expo React Native application, and I've noticed that whenever the ScrollView animation is still happening, I am unable to tap any TouchableHighlights or TouchableOpacity elements until the animation has fully…
hci-make
  • 45
  • 1
  • 6
3
votes
2 answers

Prevent Flatlist to scroll to top on content size changes

Inside a FlatList I have accordions (by react-native-paper). When I scroll to any position and open/close an accordion, The FlatList scrolls to the top of the screen. How should I prevent it? in another word when an accordion gets expanded, the…
Amir-Mousavi
  • 4,273
  • 12
  • 70
  • 123
3
votes
0 answers

DIsable Left/Right swipe in FlatList or ScrollView

I am trying to use either ScrollView or FlatList to build a swipable carousel. At one step in the swiper, I want to be able to disable scrolling to the next item until another step is completed, but still enable the user to scroll back to the…
wdhilliard
  • 135
  • 11
3
votes
1 answer

How to make button sticky to the bottom inside ScrollView in react native?

As per the solution given on other answers, to place the sticky content outside the scrollview. But when I am placing sticky button outide the scrollview and when the soft keyboard popsup, the sticky button pops-up to the top of content as it is not…
bansalakshay8
  • 43
  • 1
  • 7
3
votes
1 answer

onScroll is not a function error with useNatveDriver and ScrollView

I want to add a collapsable header in my Application. I created a separated component for the Header view. interface Props{ userData: UserDetails | null scrollY: Animated.Value } const HEADER_EXPANDED_HEIGHT =…
Keselme
  • 3,779
  • 7
  • 36
  • 68
3
votes
0 answers

Smooth scrollToOffset in FlatList React Native

I have tried to sychronise-scroll two Flatlist with state but my thought was that scrolling was shaking, lagging and not smooth due to re-rendering. But I tried with referencing React element but it didn't help. The result is the same, scrolling is…
Nay Sie
  • 145
  • 6
3
votes
1 answer

Is it possible to change scrollbar color in react native

Can I create custom scrollbar look like this pic in react native. Thank you
Fuangel Sikarin
  • 67
  • 3
  • 7
1 2 3
…
15 16