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

How to fix this warning: VirtualizedLists should never be nested inside plain ScrollViews with the same orientation

When I use FlatList component inside ScrollView I see a warning: VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead. Before and after FlatList I use a…
3
votes
2 answers

React Native ScrollView scrollToEnd({duration: 5000}) not working - Android

I'm trying to make a ScrollView that will auto scroll to bottom in some time. But instead it is instantly scrolling to bottom. moveScreen = () =>{ this.scrollViewRef.flashScrollIndicators(); this.scrollViewRef.scrollToEnd({duration: 5000, animated:…
3
votes
0 answers

React Native ScrollView dosen't work when 'column-reverse' in flexDirection

I am using React Native and ScrollView scrolls downwards in iOS and doesn't scroll in Android when I set flexDirection as 'column-reverse'. My code is like below. class Chatting extends Component { render() { return (
kminny
  • 219
  • 3
  • 16
3
votes
0 answers

Make onMomentumScrollEnd listen to only touch interactions - not scrollTo method

I have a ScrollView and I am using the onMomentumScrollEnd event to trigger a function but I also have a button that uses the scrollTo method which then also fires the function from the onMomentumScrollEnd event. Is there way to trigger the…
Luke Johnson
  • 183
  • 2
  • 12
3
votes
0 answers

Accordion-Collapse-react-native with scrollview

I'm trying to add an accordion type view in my project and I'm using this library from github Accordion-Collapse-react-native I was able to successfully integrate the library and it works but the problem is when I put it inside the scrollview it…
3
votes
0 answers

Scrollview with react navigation tabs as content

I have a auth screen where I want to display a logo and react native tabs that switch between two components. When the height of the tab's content is too much to fit the screen I want to be able to scroll down. class AuthContainer extends Component…
Alphonse
  • 661
  • 1
  • 12
  • 29
3
votes
0 answers

Hide and show component on pulling down the screen

I am trying to show a search bar on pulling down the screen and hiding it on scroll the view up. Below is my react-native code: render() { return (
Shubham
  • 1,755
  • 3
  • 17
  • 33
3
votes
1 answer

Create a bidirectional repeating/looping infinite scrollView in react native

I want to create a scroll that repeats itself, again and again, i.e. when I keep scrolling to the top I reach the last row and when I scroll to the bottom I reach the first row again. I have tried searching components for the same, but the best I…
3
votes
3 answers

React Native "keyboardDismissMode" at FlatList

Is there any possibility to prevent the keyboard from dismissing when scrolling a FlatList? When using a ScrollView setting the prop "keyboardDismissMode" to "none" is the solution to this problem, but this doesn't work for me at a FlatList... I use…
3
votes
0 answers

how to get react-native dynamic scrollview actual height

_handleScroll(event) { event.preventDefault(); if (event.nativeEvent.contentOffset.y === styles.windowHeight || event.nativeEvent.contentOffset.y >= styles.windowHeight) { console.log(event.nativeEvent.contentOffset.y); {…
D D Parmar
  • 127
  • 2
  • 11
3
votes
2 answers

Hold Position of ScrollView when adding data

I am trying to make it so whenever something new is rendered into a scroll view, the scroll view will stay put and not bump up and down. Right now if a new component is rendered in, the scrollview appears to be reset to 0. Is there a way to stop…
billybob2
  • 681
  • 1
  • 8
  • 17
3
votes
2 answers

Trying to find the direction of the scroll

How to know what direction is the user scrolling the ScrollView. I want to show an action button based on the direction. I'm trying to find the direction with the following code: import React, {Component} from 'react' import { StyleSheet, Alert,…
Somename
  • 3,376
  • 16
  • 42
  • 84
3
votes
3 answers

React native scrollview disable pull to refresh

I'm using the scrollview of react native v0.44.2 and I wanted to disable the pull to refresh and only generate the scroll of my views, is there another way to do it without being with scrollview? I saw some old version, I do not know if I put this…
Alan Russo
  • 39
  • 1
  • 1
  • 2
3
votes
3 answers

Dynamically set scrollEnabled to False in RN ScrollView

How can I change the bool value of scrollEnabled param of React Native ScrollView when scrolling reaches a certain position? I do have a ScrollView inside a ScrollView, and the inner ScrollView doesn't respond because of the outer ScrollView. Inner…
nabeel
  • 1,181
  • 2
  • 10
  • 24
3
votes
1 answer

How to recognize if element is on the screen using react native?

When user scrolling posts in my app i want recognize the current post the user is seeing now.
ROI
  • 103
  • 3
  • 15