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
1
vote
2 answers

How to get scrollview index

I am using react-native scrollview to slide my imageBackground. I am using pagingEnabled to swipe the images. But is there a way I could get number of the index when ever I swipe? I am using the scroll view like the code below. Adding pagingEnabled…
kirimi
  • 1,370
  • 4
  • 32
  • 57
1
vote
0 answers

React native slider > unable to get the position value by tapping on multiple sliders

I have designed a custom player view by using react-native-slider. There are multiple sliders arranged in this view. I am playing one audio file by following the sliders which are arranged in a FlatList component. All slider having its minimum and…
TechValens
  • 437
  • 6
  • 20
1
vote
0 answers

After setting bounces = {false} scrolling of the screen is not smooth in react-native

I have set bounces = {false} in scrollview and Flatlist. After setting this I can't able to scroll the screen smoothly. Any solution for this? I am doing vertical scrolling in iOS. When I scroll the screen it gets bounced so I set bounces to…
sejn
  • 2,040
  • 6
  • 28
  • 82
1
vote
1 answer

Is it reasonable to use scrollview for a limited list in React Native?

I have a short list of persons, they won't be over 25. I have read about the better performance of the Flatlist for long lists, So is ScrollView useless now? If so, Why It's Not deprecated? I am wondering which one is better for a short list?
Amir Meyari
  • 573
  • 4
  • 9
  • 30
1
vote
0 answers

In React Native, how can I get ScrollView and InputAccessoryView to avoid the keyboard?

I'm trying to create an iMessage like sticky text input where the ScrollView content moves up when the keyboard is shown and down when the keyboard is dragged closed. In the React Native repository on Github, there is an example…
Courtney Pattison
  • 1,596
  • 2
  • 19
  • 27
1
vote
0 answers

Managing ScrollView and Input-Keyboard in react-native

The view between Account Name and Total is a FlatList. This Is The Normal View This is What happens when i click one of the text view. Once clicked it seems unworkable. It is completely fine if Total and everything below it is not there on the…
Amol Gupta
  • 2,054
  • 1
  • 14
  • 29
1
vote
2 answers

React Native - WebView & FlatList in a ScrollView to be scrollable

I'm making a view in react native but my component has a webview to display HTML, below the webview is a flatlist( list of items) The parent component is supposed to be scrollable based on the webview & the flatlist. I tried to put them together but…
Uni
  • 187
  • 2
  • 7
  • 18
1
vote
1 answer

react-native-keyboard-aware-scroll-view isn't scrolling on Android

react-native-keyboard-aware-scroll-view isn't scrolling on Android this is a issue because when I click the top textInput it go out of view and I can't scroll it into view. I have added android:windowSoftInputMode="adjustPan" to the android…
James
  • 129
  • 1
  • 7
1
vote
1 answer

React native onStartShouldSetResponder parameter not working for AutoCompeletInput plugin

I am using plugin for Autocomplete Input. I have placed this component in Scrollview. It's other behaviour is fine like displaying suggestion list in popup with our custom design. Referred Plugin:- Plugin But onStartShouldSetResponder{()=>true} not…
Anil Ravsaheb Ghodake
  • 1,587
  • 2
  • 27
  • 45
1
vote
1 answer

ScrollView item data passed to parent is returning as undefined

I've been trying to understand why when passing data to a callback function from a scrollview item the parent component is receiving undefined. I have a console.log in the item component and it logs the correct value however the log in the parent…
Skurpiel
  • 35
  • 7
1
vote
1 answer

Animated API's createAnimatedComponent makes FlatList's ref undefined in react-native

I'm trying to use scrollToIndex function of FlatList on react-native. However, when I switch the FlatList to createAnimatedComponent(FlatList), its ref becomes undefined. Is there a way to keep FlatList's ref when I use…
batatop
  • 979
  • 2
  • 14
  • 31
1
vote
1 answer

React Native - Scrollview or Flatlist for animated questionnaire

I'm trying to create a simple animated question and multiple-choice answer style health assessment like so. In this example, each question has corresponding answer options and selecting a specific answer would lead to a unique next question (For…
HONGAA
  • 21
  • 2
1
vote
0 answers

this.props.position.interpolate is undefined and not a function

I have a component which has a scrollview class DiscoverThings extends React.Component { state = { scrollY: new Animated.Value(0), }; onPageScroll = ({ nativeEvent }) => { Animated.event( [{nativeEvent: {contentOffset: {y:…
Aayushi
  • 1,736
  • 1
  • 26
  • 48
1
vote
1 answer

React Native Image URL lowers my performance

When I display my images in the horizontal scroll-view with paging enabled the performance of app decreases. I know it is due to high resolution of the image. I want a good way so that I can load image with out degrading it's quality. Thank you in…
Alish Manandhar
  • 110
  • 1
  • 11
1
vote
1 answer

Big image inside ScrollView won't let scroll

I'm trying to add an Image (by the image full size) into a ScrollView component, the idea is to let the image be on it's own size (without limiting it) but instead to let scroll horizontal and vertical (depend on the Image). so I'm using…
greW
  • 1,248
  • 3
  • 24
  • 49
1 2 3
…
15 16