ScrollView is React Native component equivalent to Android/iOS ScrollView, that allows the view hierarchy placed within it to be scrolled
Documentation: here
Questions tagged [react-native-scrollview]
232 questions
1
vote
1 answer
Scrolling continuously without user interaction
Is there a way to scroll ScrollView programmatically to achieve an animation similar to ticker shown below?
So far I have tried using scrollToOffset with setInterval but the animation looks laggy (due to the animation completion duration and…
eden
- 5,876
- 2
- 28
- 43
1
vote
0 answers
Child ScrollView intercepts PanResponder at Parent
I'm working on a tab component in React-Native right now. So I have a View with a PanResponder as parent that handles horizontal gestures. However when I add a ScrollView as a child to that View, ScrollView sometimes intercepts horizontal gestures…
Cevat Barış Yılmaz
- 103
- 8
1
vote
3 answers
How can I smoothen Animated marginTop transitions in a ScrollView?
For my project I'm looking to implement a ScrollView that shows items as if you're browsing through a box of business cards. I based my current implementation on Albert Brand's article on Animated ScrollViews (after trying many other…
Isilher
- 331
- 2
- 8
1
vote
0 answers
TouchableOpacity hangs inside ListView when I am using navigation in onPress method
I am using ListView, each Item of ListView is TouchableOpacity component. onPress I need to navigate to another page. So onPress method I call _navigator(). But when I press on Item (TouchableOpacity element) its hangs on several seconds about…
Mag
- 297
- 1
- 5
- 19
1
vote
0 answers
react native listview scroll to a specific section
i have a ListView component that render calendar with list of events. data structure is:
const data = {
'092016':[{id:1,title:'event1'},{id:1,title:'event1'}],
'102016':[{id:1,title:'event1'},{id:1,title:'event1'}],
}
ListView code:
Zalaboza
- 8,899
- 16
- 77
- 142
1
vote
0 answers
how can i get the "row leaving scroll" event in ListView/ScrollView
I have the following code:
...
return (
{rowData}
)}/>
How can I determine when the user 'leaves' the current viewed…
Matan Gubkin
- 3,019
- 6
- 25
- 44
1
vote
1 answer
Measure height of react-native ref (ListView)
How can you measure the height of a react-native element if you only have the ref?
I see NativeMethodsMixin but it's not clear how to implement it.
I've tried including it as:
import { NativeMethodsMixin } from 'react-native';
class Foo extends…
chandlervdw
- 3,197
- 4
- 19
- 21
1
vote
1 answer
RefreshControl in ListView does not work for some unknown reason
I get an error when I pull down to refresh.
The code is something like this-
loadData: function(){
var _this = this;
this.API();
//check if data is loaded
setTimeout(function(){
if(_this.isMounted()){
…
Mihir
- 3,812
- 3
- 25
- 29
0
votes
0 answers
Unable to append data on React native SectionList - Scroll to top when adding appending data
I have a SectionList, when i try to append data on reaches the end list moves to the 1st data.
I'm using react native 0.72.3.
the code is look like this.
const [list, setList] = useState([]);
setList(old => {
return [...old,…
sarath chandran
- 13
- 4
0
votes
0 answers
Performance issues with nested Views in ScrollView and header - Replacing with FlatLists
I'm currently working on a React Native project and facing performance issues related to using nested Views within a ScrollView, along with a header. Here's an overview of the current structure:
A main ScrollView that contains a general header and…
laurentgenty
- 29
- 4
0
votes
0 answers
React Native - ScrollView - onStartShouldSetResponder not working?
I have a global wrapper for my app that handles clicks to automatically dismiss the keyboard when it's open. However, this leads to the ScrollView not working since it is wrapped inside of a Pressable.
const MyApp = () => (
MManke
- 103
- 3
0
votes
1 answer
React Native Bar Chart within a scroll view is cut off
I have a problem where a react-native-chart-kit is within a horizontal scrollview but the rightmost part of the bar chart gets cut off at the end of the scrollbar
import React, { useEffect } from 'react';
import { StyleSheet, ScrollView, View,…
0
votes
0 answers
Scrollable Multiline React Native Text Input with Accurate Post-Keyboard-Drop Selections
I would like to create a scrollable multiline text input in react native. I would also like refocusing the text input, after having dismissed the keyboard, to put the cursor at the tapped location.
If we create a
pachun
- 926
- 2
- 10
- 26
0
votes
1 answer
ScrollView not working in android in react-native-popover-view
After upgrading react-native to version 0.71.3, the ScrollView passed as a children to react-native-popover-view is no longer scrollable in android but works in iOS. It used to work before the upgrade of react-native version
`
import React from…
itsMani
- 1
0
votes
0 answers
Column Wrapper Style Not Working on IOS but works on android
I am trying to make item tiles and want to have even gap between two items like this..
Android
As we can see, this is not happening in IOS
IOS
My Code:
