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

React Native ScrollView won't swipe with ViewPager or createMaterialTopTabNavigator

I have been researching this for days after days and still didn't get what I want. I don't even know why this has not been raised yet.. For example, if you use const Tab = createMaterialTopTabNavigator(); from…
Damian
  • 934
  • 8
  • 12
0
votes
2 answers

How to view a multiple components in a component

How to view a multiple components in a sub component ? More details : I have a page that includes 4 horizontal sliders .. so I made every slider as a separated component under this names (firstSlider.js, secondSlider.js....) and need to view all…
Mustafa Fahmy
  • 65
  • 1
  • 1
  • 10
0
votes
1 answer

RN: Scroll items continuously, backwards and forwards

I have an array of limited data, [0, 1, 2, .... 10] But I want to show [ ... 10, 0, 1, ....] allowing the user to scroll continuously left and right. How can I achieve this using either ScrollView or FlatList?
Dazzle
  • 2,880
  • 3
  • 25
  • 52
0
votes
0 answers

Can't remove a growing margin at bottom of screen- video keeps getting pushed up (React native Tiktok video app)

I'm working on a tiktok-like video app, and when I scroll down, the video is supposed to adjust and fit the full screen perfectly, but the video isn't adjusting properly to fit the full screen, it has a growing margin at the bottom. For each video I…
Guesswho321
  • 37
  • 7
0
votes
3 answers

ScrollView children height relative to container

I'm looking to create a react-native scrollable feed of views whose heights are 80% of the container. My code currently looks like const FeedItem = () => ( Hello ); const Feed = ()…
Cody Johnson
  • 45
  • 8
0
votes
2 answers

React Native - Horizontal Flatlist with column wrapper doesn't take flex properly as required?

I have a dynamic flatlist with values that should be rendered in the horizontal list with 3 columns. But, I am not able to make it display as I wanted. I am trying the code as follow, let data = ["item1", "item2", "item3", "item4", "item5",…
Jay Mungara
  • 6,663
  • 2
  • 27
  • 49
0
votes
1 answer

Possible to do fixed items in react native that scroll with the user?

Need to have a tab bar that displays some information that is always stuck on the bottom of the screen in a scroll view that will always have more height then the device. The tab bar is simply a view. The styles bellow will simply add it to the…
meowzart
  • 75
  • 1
  • 8
0
votes
1 answer

Need help: I want to create Drag and Drop in react native

I have a task in react native, in which i have a bar chart with multiple bars, below the chart we have draggable elements, which we are supposed to drag over a single entry of the bar chart. What i have done so far is, I have flat-list with…
Waleed Azhar
  • 72
  • 5
0
votes
1 answer

React Native ScrollView within Overlay not scrolling

I'm using the Overlay component from react-native-elements which is supposed to be built over the underlying react-native Modal component. I have tried to place a simple ScrollView within the Overlay but the content just renders till the end of the…
Josh
  • 113
  • 1
  • 10
0
votes
3 answers

How to solve React Native Scroll Animation issue during slow scroll?

I have made an example code here with Snack expo Animated Header The issue that I'm having is that my animation is not smooth enough. It looks like it's shaking. Demo video YouTube Video I can't seem to find what's the issue here and also tried to…
Firman Jamal
  • 113
  • 2
  • 12
0
votes
1 answer

Scroll view onendreached not working in react native

I am using scrollview in react native but it's onendreached not working how can i use onendreached in horizontal scroll view
Rover
  • 661
  • 2
  • 18
  • 39
0
votes
0 answers

react native - how to render dynamic list using map

I have a list of items that I want to render. When the user gets to the bottom of the list, it loads more items. The problem is that the page is a ScrollView, so I can't use FlatList to render it (you can't use ScrollView inside ScrollView). Right…
maya dahan
  • 205
  • 3
  • 15
0
votes
0 answers

Why is the 'flex' property not working on my ScrollView as expected?

I'm having trouble getting 'scrollView' to take up 8 times the space as 'adContainer', using 'Flex'. Instead, the screen renders as if both are set to 'Flex: 1', each taking up an equal amount of space. Code: const CreateAccountScreen = (props) =>…
Fabian
  • 59
  • 9
0
votes
1 answer

React-native ScrollView, auto scroll behaviour

I'm trying to implement auto scroll in a ScrollView, but somehow can't figure the proper way of doing it, my idea, was something like, if I add an item and the contentSize overflows the ScrollView width I should scroll to the end, if I remove an…
Tiago Correia
  • 11
  • 7
0
votes
1 answer

React Native ScrollView, onEndReached is not triggering

I am trying to create a "load more" functionality to my ScollView. Currently I have a button, which when pressed loads more elements into the ScrollView. This all works as expected. However, I am now trying to trigger this when the user is close to…
HarryShotta
  • 347
  • 1
  • 15
1 2 3
…
15 16