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
6
votes
1 answer

How do you prevent over-scrolling using react-native ScrollView.scrollTo()?

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) => { this.refs.homeScrollView.scrollTo({ x: 0, y:…
SomethingOn
  • 9,813
  • 17
  • 68
  • 107
5
votes
0 answers

React-Native-Scrollview's Scroll get Disable when it reached to stickyHeaderIndices

I am trying to make my tab bars sticky I am using native base tabs bar and they are using "react-native-scrollable-tab-view". I Wraps my root View with scrollView and sets "stickyHeaderIndices={[1]}" and this works good for making my tab bar sticky…
Waheed Akhtar
  • 3,110
  • 1
  • 16
  • 30
5
votes
0 answers

How we can hide the tabbar on scroll down event in react native

I'm using react-native-tab-view module to implement tabs in my app. The tabs are working fine but I want when user scroll down the list the tab bar should be hidden with animation. the module link that I'm using…
Shubham
  • 740
  • 12
  • 33
5
votes
1 answer

How-to make React Native lists bounce only from the bottom?

I'm using a FlatList with a consequent ListHeaderComponent as the root component of my screen. I don't want the top of it to bounce on scroll, but I want to keep the bottom bouncing for UX'n'feel purpose as the FlatList supports infinite scroll.…
user926721
5
votes
1 answer

React Native - How to simulate a RefreshControl in a horizontal scrollable list

The Problem I am developing a horizontal scrollable list which always scroll one entire screen (i.e. one "page") on each swipe. When it is on the first page and the user pulls to right again, I need to refresh the entire list. As for a vertical…
DeNG
  • 86
  • 5
5
votes
6 answers

scrollview can't scroll when focus textinput react native

I have a TextInput inside a ScrollView. The scroll isn't working when the TextInput is on focus. This problem is only affecting Android.
user2427293
  • 53
  • 1
  • 1
  • 4
5
votes
1 answer

Automatically scroll the view up when keyboard is shown in react-native

How can I automatically scroll the view up when I focus in a TextInput box and a keyboard is shown such that the TextInput box is not hidden behind the keyboard? This question has been asked on StackOverflow a few times and I implemented the…
Varun Gupta
  • 2,870
  • 6
  • 33
  • 73
5
votes
2 answers

react native android scroll view not working

I have a react native component like: import React, { Component } from 'react'; import { StyleSheet, Text, View, ScrollView } from 'react-native'; import Level from './Level'; class LevelList extends Component { render() { return ( …
gamer
  • 5,673
  • 13
  • 58
  • 91
4
votes
2 answers

How to resolve the Virtualized Lists warning with multiple Flatlists within a scroll

I have been working my way through legacy views within an app - resolving the issues of FlatLists within a ScrollView component causing the resulting Virtualised Lists error that is displayed. I have 5 affected pages - first 3 only had 1 flatlist in…
Dancer
  • 17,035
  • 38
  • 129
  • 206
4
votes
6 answers

How to put FlatList inside of the ScrollView in React-native?

I know these kind of questions have in the stackoverflow before. But I cannot the find the correct solution for this problem. Have any solution for put inside of the in react-native? here is my code... …
Danuja
  • 81
  • 1
  • 1
  • 7
4
votes
1 answer

React native - Paginated SectionList inside ScrollView

My screen layout is SectionList inside a View and on onEndReached I am calling an API to get paginated data successfully (LoadMore behaviour). As, SectionList is covering only 40% part of screen, I tried adding ScrollView so that complete screen…
iReact
  • 145
  • 1
  • 1
  • 8
4
votes
0 answers

Prevent ScrollView from scrolling to TextInput on focus or edit. React Native. Android

I have a couple of views that I have implemented a way for the user to drag them around the screen to place them where they want them. Each of these views has an editable text field inside of them. (Think Sticky notes). In order to put the sticky…
Kyle Storey
  • 57
  • 4
4
votes
0 answers

RN Gesture handler and Flatlist

I have wrapped inside and I want the pan gesture to take over when Flatlist has reached the top. Something similar to Spotify’s Music Player when it is expanded in full screen. Any help is appreciated.
sam patel
  • 145
  • 1
  • 8
4
votes
3 answers

You specified `onScroll` on a but not `scrollEventThrottle`

I am using Scrollview of react-native in my code. Its working fine on an app, with no error, and no warning but in Console I am getting the below…
Ravi Sharma
  • 507
  • 6
  • 21
4
votes
1 answer

React Native Scrollview with flexGrow doesn't scroll

I am using scrollview in my react native project. But it is not scrollable ie, i cant see the top elements . when i scroll to bottom the view bounces back.My requirement is actually like this 1) Bottom item should be visible -----> It is working…
Khushi
  • 1,759
  • 6
  • 26
  • 45
1 2
3
…
15 16