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
2
votes
0 answers

react-native-snap-carousel not scrolling in Android when put inside a ScrollView React Native

I want to render react-native-snap-carousel inside cards which scrolls horizontally for which i am using ScrollView(horizontal), but the "Carousel" of the react-native-snap-carousel is not scrolling only in android . Please run this expo snack in…
Sagar RS
  • 151
  • 3
  • 16
2
votes
0 answers

How to implement onEndReached() and onRefresh() "horizontally" in react native FlatList in react native

In my app I have a horizontal flatlist which rendering list of simple boxes horizontally like slide. Here is my flatlist : { this.slider = slider…
Kishan Bharda
  • 5,446
  • 3
  • 30
  • 57
2
votes
1 answer

Center alignment of React-Native ScrollView with custom starting position

Could you please look into what i'm missing with scrollview configuration. I'm trying to create a scrollview animation with starting card-child offset by half of device-width, then when the user scrolls, it should align center and as should other…
Learnoutloud
  • 21
  • 3
2
votes
1 answer

ReactNative How to keep the scroll view position when the keyboard opened

I am using React Native's ScrollView and FlatList. When the keyboard is opened, I would like to see the same screen as before opening the keyboard. I thought I could use the scrollTo method depending on the keyboard state It does not work…
oijafoijf asnjksdjn
  • 1,115
  • 12
  • 35
2
votes
1 answer

React Native ScrollView scrollTo spring animation

I am using React Native's ScrollView's scrollTo method to animate the scroll view. How can I make this animation spring loaded, as in Animated.spring (without the use of a 3rd party library)?
Can Poyrazoğlu
  • 33,241
  • 48
  • 191
  • 389
2
votes
3 answers

React-Native ScrollView scrolling both vertically and horizontally

for my app, I need ScrollView component to be scrolled both vertically and horizontally. I searched quite a lot but, could not come out to solution. Tried directionLockEnabled, did not work. contentContainerStyle is not way, because my row and…
Ali Zeynalov
  • 2,867
  • 8
  • 30
  • 54
2
votes
2 answers

React Native: Refreshing gets stuck while scrolling in nesting FlatLists in Androdid

While using a horizontal FlatList with other vertical FlatList as items there seems to be an issue with the refreshing. This happens when refreshing is enabled on the vertical lists but not on the horizontal container list. It is actually possible…
Henning Hall
  • 1,297
  • 2
  • 11
  • 31
2
votes
1 answer

React-native absolutely positioned elements in scrollview will not display

I'm trying to create a series of "flashcards" in a ScrollView for a quiz app for my EMT class. A user should tap on a card, and have it flip over to reveal the answer. There are headings between sets of cards within the ScrollView. The card…
FortyNine
  • 23
  • 1
  • 3
2
votes
0 answers

React native refreshControl with custom spinner android

We need to implement pull to refresh functionality on scrollview in react native app with custom spinner. We have achieved this in iOS by using react native customControl. On iOS, ScrollView is scrolling and we are able to see the spinner on top,…
Tutu
  • 99
  • 1
  • 2
  • 14
2
votes
0 answers

center active tab in react-native-navbar

I would like to center the active tab in the scrollable navbar. Currently I have a scrollable horizontal view but am stuck on updating the view. I am looking at other examples such as here on github. I would love some feedback on creating the…
mibbit
  • 4,997
  • 3
  • 26
  • 34
2
votes
0 answers

React Native - ScrollView: How would one initialize the view at the bottom?

I found resources on adjusting the view using refs, scrollTo, and the onContentSizeChange property of a ScrollView, but if I wanted the ScrollView to be mounted with the scroll position at the bottom how would I do that if possible? The closest I…
Sean Connor
  • 101
  • 1
  • 2
2
votes
1 answer

Swiping between different tabs is smooth but the changing of tabs is very slow

I am on android, and testing in my physical device. I am using react-native-scrollable-tab-view. I have two tabs inside ScrollableTabView (Following and Recommended).
Kakar
  • 5,354
  • 10
  • 55
  • 93
1
vote
0 answers

BottomSheetScrollView doesnot scroll to bottom when gorhom BottomSheet is dragged up slowly

gorhom/react-native-bottom-sheet BottomSheetScrollView does not scroll to end occasionally. As far as the pattern I observed it does it when you drag it up slowly to the second snapPoint and then to third, then when you scroll it, it doesn't scroll…
Ali Ibraheem
  • 13
  • 4
1
vote
0 answers

React Native: Set horizontal scrollView height according to its absolute positionned childs

I'm currently trying to create a React native screen that displays a week summary. I have a scroolView with a header component and my week. Each selected day is displayed as a tile with the day on it ("monday" or "sunday"), which can be expanded or…
roachen
  • 11
  • 1
1
vote
0 answers

How to move the ScrollView's scrollbar slightly to the left in React Native?

I'm working on a custom dropdown component in React Native and I've encountered an issue regarding the position of the ScrollView's scrollbar. Here is the part of the code where the issue arises:
BatimaReal
  • 11
  • 3
1 2 3
…
15 16