ScrollView is React Native component equivalent to Android/iOS ScrollView, that allows the view hierarchy placed within it to be scrolled
Documentation: here
Questions tagged [react-native-scrollview]
232 questions
1
vote
1 answer
Scroll content inside @gorhom/bottom-sheet - React Native
I am trying to implement a Comments Section inside a Bottom Sheet (@gorhom/bottom-sheet).
The problem I am facing is that when I try to scroll the content (comments), it doesn't work, and instead the bottom sheet collapses.
Here is what I tried :
…
ZAAM Oussama
- 68
- 10
1
vote
2 answers
React Native Refresh Control of FlatList Does Not Work Inside a Horizontal Scroll View
I am trying to create a paginated horizontal scroll view with its own vertical lists on each page. Each page must be a FlatList since I will be needed onEndReached function + I want to use refresh control component.
However, using simple…
denistepp
- 489
- 7
- 23
1
vote
1 answer
How to implement drag-down-to-close a React Native Modal?
I'm trying to achieve a feature similar to Tik-Tok's Comments Feature, press a button to open up a modal containing scrollview/flatlist, and we can drag the modal to close itself.
My Goal:
I did find anything about drag-to-close in React-Native…
Ryan Wang
- 418
- 7
- 23
1
vote
1 answer
React Native Scrollview is not scrolling down
i gave been trying to create a scrollable screen every thing looks fine however the screen is not scrolling for some reason i'm not sure what's the problem this is my first time working with react native and all the diffrent components are bugging…
Ons Jannet
- 177
- 2
- 2
- 10
1
vote
2 answers
When stickyHeaderIndices is used, style of component changes
I've searched common problems and how to use stickyHeaderIndices and so on. But stuck with one point, and I didn't even find why this occurs, so couldn't search on the internet.
Everything works fine on web, but not on my phone when I use sticky.
My…
ExDet
- 158
- 11
1
vote
0 answers
Vertical scrolling where attribute name row is fixed and horizontal scrolling where left most column is fixed in React Native
So far I've achieved this:
//code on data listing screen with a vertical flatlist
const DataListing = props => {
const memoizedValue = useMemo(() => renderItem, [props.coinData]);
const renderItem = ({item}) => {
return (
Santanu Roy
- 61
- 7
1
vote
0 answers
Is there a way to somehow control the scroll position of scrollable components (e.g. ScrollView) declaratively?
i.e. by using a variable: state, Animated value, Reanimated value, whatever...
We can use imperative scrolling (like scrollToOffset etc.), but what about a declarative one? I mean how can we control the offset by dragging some other view using a pan…
Dmytro Omelyan
- 21
- 5
1
vote
0 answers
Keyboard Aware Scrollview's extraScroll reduces when key is pressed in Android
When textInput is clicked, the keyboardAwareScrollView works fine and scrolls up with the extra scroll height provided. But scrolls down just below the textInput when a key is pressed in Android. Works just fine in iOS. I want the extraScrollHeight…
Karan
- 141
- 2
- 13
1
vote
0 answers
Any way to make ScrollView/FlatList not shift on Android when items are added in front?
More precisely, I want to make it so that when I move an item that is below the currently visible portion of the list to the top, the current view and scroll position is maintained (so 1 2 [3 4 5] 6 7 becomes 6 1 2 [3 4 5] 7 instead of 6 1 [2 3 4] 5…
alenari
- 11
- 2
1
vote
0 answers
React Native Scroll View not working with
Having an issue with my ScrollView. I use it in a couple different places in my application, and most of them are working exactly as expected.
However, in one component it is working very strangely - if I swipe quickly, it will sometimes work, but…
Gordon Maloney
- 262
- 1
- 11
1
vote
1 answer
React native Scrollview not scrolling at all
I am building a react native application and I use scrollview for some contents but it is not scrolling I cannot figure out why.
I try a lot of things, adding flex: 1 everywhere but none of these is working.
Thank you in advance for your…
Pakenfit
- 125
- 1
- 5
- 14
1
vote
2 answers
FlatList and ScrollView not scrolling with React Native Web when using React Navigation
Pushing a screen of a React Navigation Stack with a FlatList will break the scrolling support on Web.
Tried several suggested solutions - none of these worked:
Including a parent View with flex property style={{flex: 1}}
Replacing FlatList with a…
mirkokiefer
- 3,347
- 4
- 20
- 25
1
vote
1 answer
Trigger scroll to roll down to bottom automatically in Mendix Native Mobile App
I’m working on a Native Mobile App, which is being built inside the Mendix Platform. And I'm trying to figure out how to trigger a scroll-to-bottom behavior automatically.
My situation is:
I have a form with a lot of fields, and some with…
Rafaelius
- 45
- 4
1
vote
0 answers
How can we achieve 360 Deg Scrolling functionality in any direction with ScrollView React Native?
I have a scenario in which I have to move my ScrollView in any direction as the user tries to scroll.
onContentSizeChange
I have read about it this function but I am unable to achieve the scrolling functionality in any direction. Can anybody help…
Muhammad Ashfaq
- 2,359
- 5
- 20
- 46
1
vote
1 answer
How to make a FlatList scrollable inside of a ScrollView in react native?
I am wanting to create a FlatList inside of the ScrollView Component but I kept getting the error "VirtualizedLists should never be nested inside plain ScrollViews with the same orientation because it can break windowing and other functionality -…
ErikT
- 11
- 1
- 2