question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Not able to scroll flatList content fully inside ParallaxScrollview

See original GitHub issue

I could not able to scroll the flatList fully. Whatever the content added inside the ParallaxScrollView, could not able to see till the end. I can see the content until parallaxHeaderHeight header height hidden.

Check the demo here

What would be the problem ?

<ParallaxScrollView
	          style={...}
	          parallaxHeaderHeight={ PARALLAX_HEADER_HEIGHT }
	          stickyHeaderHeight={ STICKY_HEADER_HEIGHT }
	          onScroll={ onScroll }
	          renderStickyHeader={ this.renderStickyHeader.bind(this) }
	          renderForeground={ this.renderForeground.bind(this) }
	          renderBackground={ this.renderBackground.bind(this) }> 
                       <View>...</View>
                       <View>...</View>
                      <FlatList
			 data={data}
			 renderItem={this.renderItem}
		        keyExtractor={item => item.id}
		  />
  </ParallaxScrollView>

Issue Analytics

  • State:open
  • Created 6 years ago
  • Comments:8

github_iconTop GitHub Comments

4reactions
rakeskuncommented, Nov 30, 2017

I am also facing the same issue… I put ListView inside ParallaxScrollView but could not scroll the content inside the ListView…Looking for help… Platform-----ios

0reactions
seonohcommented, Sep 8, 2020

+1

Read more comments on GitHub >

github_iconTop Results From Across the Web

FlatList Sticky header does not work inside ScrollView?
Code with parallax scroll view, in which Flat-list is not fully scroll-able. import { FlatList } from "react-native"; import { Text, ...
Read more >
Not able to scroll flatList content fully inside ParallaxScrollview -
I could not able to scroll the flatList fully. Whatever the content added inside the ParallaxScrollView, could not able to see till the...
Read more >
FlatList - React Native
Internal state is not preserved when content scrolls out of the render ... This means it's possible to scroll faster than the fill...
Read more >
How to Fix 'VirtualizedLists should never be nested inside ...
If you are using React Native to develop your app and you nest a FlatList or ... of these two lists inside a...
Read more >
[Solved]-How do you render limited content in a Scroll View?
<FlatList data={data} //coming from state or redux onEndReached={() => this.getMoreData()} /> const getMoreData=()=>{ //in this function hit the api and ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found