I have a form that is longer than the phone's screen height. It is a ScrollView containing TextInput components. The problem is that when I want to drag starting the touch on a TextInput, the Scrol...

I have an inverted vertical FlatList in my chat app, which shows the newest message at the bottom and the oldest message at the top (like all other chat applications) The problem is when I want to ...

Hermes enabled OS: iOS getting with FlatList and ScrollView When developing ScrollView or FlatList, having no issues with the scroll bar. In production, sometimes it looks ugly and positions at the...

I have used Scrollview in my screen and when I log y offset I get negative values? How can I disable Scrollview bouncing?

I'm trying to run flex on a ScrollView, and as long as the ScrollView has flex: 1 the scroll inside does not work. here is the expo fiddle (that you can run this code and play with) https://snack....

I have a horizontal flat list where each item is width:300 All I am trying to do is to get index of currently visible item. <FlatList onScroll={(e) => this.handleScroll(e)} horizontal={t...

I have a Text with long text inside a ScrollView and I want to detect when the user has scrolled to the end of the text so I can enable a button. I've been debugging the event object from the onSc...

I've a short question: How can I apply a different style to a sticky header in a scrollview when it sticks? I wanna add some shadow/elevation when it sticks. Thank you :) Environment react-nati...

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 scrol...

I want to use WebView inside ScrollView for my react native app. But if I do so, I am not able to scroll my webview, unless I disable the scroll on scrollview. However, I need the scroll in both sc...

is it possible to scroll only to one direction? I have a function that detects the direction the user is a scroll. But I can't figure out how can I set a flag, that if the user doesn't answer the ...

Hi I am trying to achieve scrollview snap to center like below gif link Check This Gif But unable to do so. Following is my react native code to achieve this. or is there any method to scroll ...

I have a TextInput inside a ScrollView. The scroll isn't working when the TextInput is on focus. This problem is only affecting Android.

I have a component with a horizontal <FlatList> that contains 100s of items (calendar days), with the same width as the screen. The <FlatList> is set to snap to an interval similar to t...

In this snack I am trying to have 3 cards in the center of the screen with a horizontal FlatList and enabled paging to jump to the next 3 cards on scroll. But the layout starts getting destroyed af...

I Cant create FlatList nested inside FlatList with same orientation; the result is that the parent is horizontal but the children are vertical; this is my code: renderSlides(question) { return &lt...

After the user does some action I want to scroll to a particular section within a ScrollView, which I'm doing using this code: this.refs.detailsView.measure((x, y, width, height, pageX, pageY) =&g...

I'm using FlatList from React Native to render a bunch of items stacked on top of each other. This works fine, I've managed to make the FlatList itself expand it's height to fill the available spac...

I would like to create a screen with a ScrollView with some input fields in it, and a Button (actually 2 buttons in a normal View) at the bottom of the screen. This should be pretty easy, BUT, I wa...

So, I want to create a layout similar to whats below. [Refer the Image] So the background has a full screen MapView (React Native Maps) with Markers over it, which needs to be clickable. And there ...

Is it possible to tell a ScrollView to scroll to a specific position when we just navigated to the current screen via StackNavigator? I have two screens; Menu and Items. The Menu is a list of Butt...

What I want (GIF) Here is a (quality-reduced) GIF about what I'm want to achieve. What I want (Text) I have a scrollview, that is positioned at the half of my screen. What I want is to drag ...

When you use ScrollView or ListView in your ReactNative app and some new data came in, the default behavior of them is to keep the position in the Scroll component. Which means if the new data of h...

I have a scrollview which content is larger than phone screen. I scroll to the bottom and there I have function that reload content of that scrollview but first clear data source for it. Reload fun...

I am trying to understand how can I set a threshold for the RN ScrollView. This is because if you have multiple vertical scrollable View in a horizontal ScrollView then the scrolling of the Views ...