Comments (4)
I believe this is now fixed in 2.0. Please re-open if not.
from react-native-parallax-view.
Same, this is happening with latest RN 0.22. See attached for also how ScrollView is screwed up in layout (the background blue on the left and right should not be showing, with the ScrollView equivalent that's been replaced with ParallaxView).
from react-native-parallax-view.
@fungilation Can you paste in the snippet of code you used to generate this? That looks gnarly.
from react-native-parallax-view.
Below. And this is on latest react-native-parallax-view 2.x on npm when I first posted.
<ParallaxView stickyHeaderIndices={[1]} scrollsToTop={true} backgroundSource={{uri: 'http://i.kinja-img.com/gawker-media/image/upload/s--8r2VA0H2--/c_scale,fl_progressive,q_80,w_800/18n1on6bk3k92jpg.jpg'}} windowHeight={PixelRatio.roundToNearestPixel(Dimensions.get('window').height * 0.382)} header={
<View style={styles.header}>
<Text style={styles.headerText}>
In mea menandri sapientem, quo gloriatur adolescens voluptatibus ei
</Text>
</View>
}>
<Text style={styles.titleText}>Hello Swiper! Width: {Dimensions.get('window').width}</Text>
<Text style={styles.instructions}>
Press Cmd+R to reload,{'\n'}
Cmd+D or shake for dev menu
{'\n'}Double line break! History after save, nice VSCode{'\n'}{'\n'}
Press Cmd+R to reload,{'\n'}
Cmd+D or shake for dev menu
{'\n'}Double line break! History after save, nice VSCode{'\n'}{'\n'}
Press Cmd+R to reload,{'\n'}
Cmd+D or shake for dev menu
{'\n'}Double line break! History after save, nice VSCode{'\n'}{'\n'}
Press Cmd+R to reload,{'\n'}
Cmd+D or shake for dev menu
{'\n'}Double line break! History after save, nice VSCode{'\n'}{'\n'}
Press Cmd+R to reload,{'\n'}
Cmd+D or shake for dev menu
{'\n'}Double line break! History after save, nice VSCode{'\n'}{'\n'}
Press Cmd+R to reload,{'\n'}
Cmd+D or shake for dev menu
{'\n'}Double line break! History after save, nice VSCode{'\n'}{'\n'}
Press Cmd+R to reload,{'\n'}
Cmd+D or shake for dev menu
{'\n'}Double line break! History after save, nice VSCode{'\n'}{'\n'}
Press Cmd+R to reload,{'\n'}
Cmd+D or shake for dev menu
{'\n'}Double line break! History after save, nice VSCode{'\n'}{'\n'}
Press Cmd+R to reload,{'\n'}
Cmd+D or shake for dev menu
{'\n'}Double line break! History after save, nice VSCode{'\n'}{'\n'}
Press Cmd+R to reload,{'\n'}
Cmd+D or shake for dev menu
{'\n'}Double line break! History after save, nice VSCode{'\n'}{'\n'}
Press Cmd+R to reload,{'\n'}
Cmd+D or shake for dev menu
{'\n'}Double line break! History after save, nice VSCode{'\n'}{'\n'}
Press Cmd+R to reload,{'\n'}
Cmd+D or shake for dev menu
{'\n'}Double line break! History after save, nice VSCode{'\n'}{'\n'}
Press Cmd+R to reload,{'\n'}
Cmd+D or shake for dev menu
{'\n'}Double line break! History after save, nice VSCode{'\n'}{'\n'}
Press Cmd+R to reload,{'\n'}
Cmd+D or shake for dev menu
{'\n'}Double line break! History after save, nice VSCode{'\n'}{'\n'}
Press Cmd+R to reload,{'\n'}
Cmd+D or shake for dev menu
{'\n'}Double line break! History after save, nice VSCode{'\n'}{'\n'}
Press Cmd+R to reload,{'\n'}
Cmd+D or shake for dev menu
{'\n'}Double line break! History after save, nice VSCode{'\n'}{'\n'}
</Text>
</ScrollView>
This is how it's supposed to look, with swapped for .
from react-native-parallax-view.
Related Issues (20)
- status bar overflow
- Does not work with RefreshControl HOT 1
- [android] not working at all HOT 6
- Questions of implementation
- [IOS] not work HOT 3
- Use LinearGradient on image HOT 2
- position background image
- Header props doesn't work regardless of where it is placed
- Option to style window. HOT 1
- Missing prop to style image component. HOT 2
- background image did not get bigger
- [Android] Issue with absolute positioned view in parallax view HOT 2
- header does not show sometimes
- Any way to detect on click on image ? HOT 1
- Undefined is not an object (evaluating React.Proptypes.number) HOT 3
- RN 0.49.3 broken change HOT 2
- Add contributors to the project because it's dead HOT 4
- 请问如何才能让标题图片显示在导航条下面,向上滑动时不会把导航条遮挡 HOT 1
- Error. Cannot read property 'number' of undefined. HOT 8
- How to stop slipping when internal drag & sort component dragging
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-parallax-view.