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
1
vote
1 answer

React native Top Tap bar scrollable to specific section in a list?

If the user is scrolling down to Dinner option in the scroll view, then the DINNER icon should get highlighted in the tab. Similarly if the user clicks on Breakfast, it should automatically make the scroll view to move to that breakfast section.…
1
vote
1 answer

TextInput vanishes inside ScrollView React Native

Scenario: I want to achieve a situation like the code shown below. Where there will be: A multiline TextInput with other components and the screen will be scrollable. I don't want the TextInput to be scrollable. Problem: What happens is, after…
1
vote
0 answers

How to achieve this animated Flatlist

I want to Flatlist item's size smaller than previous item and when i start scrolling the item size has to be change according position of item list when it comes to first position it should be display item size with actual size of first item of the…
1
vote
1 answer

React Native ScrollView prevent/allow scrolling on scroll start event

I have a ScrollView (actually Animated.ScrollView) that I'd like to decide whether to allow vertically scroll or not on scroll start, based on some states of inner components. I know there is a scrollEnabled property which works but the scroll view…
1
vote
0 answers

React Native ScrollView needs very violent scrolling to scroll

On Android (and possibly iOS, I haven't tested), there is a problem with scrolling text with a React Native Scrollview. I am attempting to create a text block component that flexes to fill the remaining space of the page with text rendered inside of…
1
vote
1 answer

React Native Screen freezes scrollview in iOS

I'm having a problem with react-native-screens. My version was 2.9.0 and I updated with the latest version 2.15.2. After I updated it to the latest version it freezes the scrollview under my @react-navigation/bottom-tabs. The other screens are…
1
vote
0 answers

Render variable number of items n per row (2 in my example) in react native without using Flatlist

I have a case in which I am using a ScrollView. I receive n number of paymentMediums from api which I need to render 2 per row. With Flatlist this is just easy and I have implemented as
Kush
  • 644
  • 1
  • 12
  • 30
1
vote
1 answer

ScrollView not working with SimpleAccordian view/

I am trying to create an Accordian using the component : from library:'react-native-simple-accordian'. But when the number of accordian headers are more I can't see the ScrollView working correctly. My code:
mshikher
  • 174
  • 3
  • 20
1
vote
1 answer

react-native: OnEndReached for Flatlist not working in scrollview

I'm new on ReactNative development and I'm developing my first application. I'm trying to use OnEndReached in a flat list which is in a scrollview tab. I use this scrollview because I have 3 flat lists in my application. The first two are…
1
vote
0 answers

React Native PanResponder - Scrollview effect/imitation

I would like to create a scrolling effect with a PanResponder (using a Scrollview is not possible in my specific case). If i decay and try to smooth out the animation on onPanResponderRelease the animation starts to flicker because the offset set in…
1
vote
0 answers

React Native Touchables don't work inside a ScrollView Component

I have spent hours trying to fix this issue, but can't seem to get around it. I am using react-native-cube-navigation library to incorporate cube navigation into my app. Inside the cube navigation, I have videos that are pulled from a database that…
1
vote
2 answers

Fab button not working on a scroll view in react native

Fab button is not working on a scroll view. I am using FAB from react-native-paper and the icon is displayed but when i press fab button, its not working. As an alternative, i tried to make a sticky button which sticks to the bottom when i use…
1
vote
4 answers

React Native ScrollView height issues

I would like to create a horizontal ScrollView, but I faced some issues. The ScrollView takes all the remaining space of my screen, but what I want is the ScrollView to only take the height of the biggest children. How can I achieve that? I have…
1
vote
3 answers

Keep content padding when scrolling in ScrollView

I'm using a simple ScrollView with the following style:
Mugen
  • 8,301
  • 10
  • 62
  • 140
1
vote
0 answers

React-Native ScrollView not scrolling

I'm using this library react-native-draggable-flatlist. I have ScrollView inside this draggable-flatlist that is NOT working. When I switch to draggableFlatList to FlatList and delete TouchableOpacity it works. But I want to use this…