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

How to determine whether scrollview (or listview) child is mostly in view in React Native

I am currently using a ListView to display some data. Due to the design, the rows take up about 70% of the height of the screen which means there is always at least 2 rows visible, with a max of three. What I would like to determine is which row is…
doostin
  • 237
  • 2
  • 11
3
votes
1 answer

React Native - Scroll Listview at particular position - Programatically

In iOS with Objective-C we can make UITableView scroll to the particular row index by using scrollToRowAtIndexPath method but in React-Native I did NOT find such a way to scroll Listview at particular row index. Following is the scenario, There is…
Nirav Dangi
  • 3,607
  • 4
  • 49
  • 60
2
votes
0 answers

how to bring smooth swipe experience for react native flat list

I have implemented a FlatList in my React Native app to render elements vertically. Each element takes up the height of the screen, and the user can see one element at a time. Upon scrolling, the user can view the next elements in the list. To…
chaitanya7
  • 53
  • 6
2
votes
1 answer

React Native how to make Scroll View work inside Gesture Detector?

I am trying to implement a list inside BottomSheet Feauture in React Native. Bottomsheet is done using Animated.View inside GestureDetector. Now I want to use a scroll view inside animated view so that user can scroll the lists if it overflows. But…
AliMohammed Manzoor
  • 117
  • 1
  • 7
2
votes
0 answers

React Native: prevent ScrollView from resetting on every re-render

I have a component in my React Native app that contains a . This component also receives a prop this.props.a that gets updated every 60s. So every 60s the component gets re-rendered, including the ScrollView, which makes it scroll back…
gkeenley
  • 6,088
  • 8
  • 54
  • 129
2
votes
0 answers

react-native ScrollView display an absolute item outside of the ScrollView

Hi I have tooltip buttons in my TextInput when user press open a tooltip and I'm taking TextInput values from an array because of that I'm using ScrollView or FlatList. My problem is that the tooltip of the TOP TextInput is not all visible. As you…
hegonen
  • 123
  • 1
  • 7
2
votes
3 answers

Vertical scrolling inside the vertical scrolling in steps - React Native

I need to create the following interface: There is a parent SectionList in which there are various sections of elements One of these sections contains a vertical FlatList. I want SectionList to scroll vertically strictly by sections (e.g. via…
Slam
  • 73
  • 2
  • 11
2
votes
1 answer

Touch/interact underneath ScollView

I have a image carousel underneath a vertical ScrollView. I want to be able to slide some content on top of my image carousel. You can see in the current way I am implementing it there is an issue. I can no longer interact with my image carousel. I…
Justin Priede
  • 444
  • 6
  • 30
2
votes
1 answer

Stopping multiline textInput component to scroll inside ScrollView

I am working on React Native in which I want to stop multiline textinput component's scroll inside ScrollView. How we can achieve it? Android Specially!
Muhammad Rafeh Atique
  • 722
  • 5
  • 22
2
votes
1 answer

Separator/divider gets to hide in React Native App

In my React Native Project, I am trying to make some kind of lists using Flatlist or sometimes using map method, for executing JSX Element. I am getting the result correctly, But there is a bit of a problem in separate. Let's take chatting app…
Saqib Diar
  • 21
  • 4
2
votes
4 answers

react-native-dropdown-picker scroll inside another scroll is not working

Drop down scroll is not working inside another scroll in react-native-dropdown-picker I already tried giving listMode="SCROLLVIEW" scrollViewProps={{ nestedScrollEnabled: true, }} to the as a prop. But still not working. here is my…
Jeesmon Joy
  • 196
  • 1
  • 2
  • 16
2
votes
0 answers

Horizontal ScrollView Loop in React Native

Checked different settings and sources, but can’t find the way to make an infinite horizontal scrolling with React Native, so that e.g. when the last image is reached, the next gesture would lead to the first image. Am I missing a setting, or is…
Alba
  • 109
  • 8
2
votes
1 answer

Adjust the scrollview height dynamically at runtime

I am developing a react-native project. I have a ScrollView in MyComponent, the content of ScrollView consists of : a MySubComponent, a Text a Image component All the content/data of above components have dynamic length or height. So, I would like…
Leem.fin
  • 40,781
  • 83
  • 202
  • 354
2
votes
0 answers

How to use an horizontal scrollView while using createMaterialTopTabNavigator with swiping enabled, REACT NATIVE

i'm using createMaterialTopTabNavigator with a swipeEnabled set to True to navigate between screens, I have a Screen which contains an horizontal scrollView, the problems is that the scrollView isn't working, since whenever i try to scroll it…
Tetbirt Mohamed Hassen
  • 41
  • 1
  • 3
2
votes
1 answer

ScrollView with FlatList inside not working?

This is the code I have for the ScrollView
meowzart
  • 75
  • 1
  • 8
1 2 3
…
15 16