灵活的原生反应视差视图,无依赖关系

2020-05-13 15:32:07

此软件包需要Reaction>;15.5.0。如果要使用较低版本,请使用此原始存储库。

从#39;REACT;REACT;IMPORT ParallaxView;IMPORT';REACT-NATIVE-PARALLAX-HEADER-VIEW;IMPORT{StyleSheet,ScrollView,View,Text}从';REACT-NATIVE';IMPORT{LearnMoreLinks,Colors,DebugInstructions,ReloadInstructions,}从';REACT-NATIVE/Libraries/NewAppScreen';导入{LearnMoreLinks,Colors,DebugInstructions,ReloadInstructions,}。{常量背景Style={不透明度:0.2,溢出:';可见';,大小模式:';封面';,边框左:-128,边沿底部:-192,};常量标题Style={fontSize:40,fontWeight:';600';,textAlign:';center';,paddingTop:80,color:Colors。Black,};return(<;ParallaxView backargSource={Required(';./logo.png';)}windowHeight={250}backackStyle={backargStyle}headerStyle={headerStyle}Header={<;Text Style={headerStyle}>;欢迎回应<;/text>;}>;<;查看>;<。scllView}>;<;视图样式={样式。正文}>;<;视图样式={样式。sectionContainer}>;<;text style={样式。sectionTitle}>;第一步<;/text>;<;text style={样式。sectionDescription}>;编辑<;文本样式={样式。突出显示}>;App.js<;/text>;更改此屏幕,然后返回查看您所做的编辑。<;/text>;<;/View>;<;View style={样式。sectionContainer}>;<;text style={样式。sectionTitle}>;查看您的更改<;/text>;<;text style={样式。sectionDescription}>;<;重新加载说明/>;<;/text>;<;/View>;<;View style={样式。sectionContainer}>;<;text style={样式。sectionTitle}>;调试<;/text>;<;文本样式={样式。sectionDescription}>;<;DebugInstructions/>;<;/text>;<;/View>;<;View style={样式。sectionContainer}>;<;text style={样式。sectionTitle}>;了解更多<;/text>;<;text style={样式。sectionDescription}>;阅读文档以了解下一步要做什么:<;/text>;<;/View>;<;<;LearnMoreLinks/>;<;/View>;<;/ScrollView>;<;/View>;<;/ParallaxView>;);};Const Style=StyleSheet。创建({scllView:{background Color:Colors。较浅,},正文:{background Color:Colors。白色,},sectionContainer:{kernTop:32,paddingHorizbian:24,},sectionTitle:{fontSize:24,fontWeight:';600&39;,color:Colors。Black,},sectionDescription:{armTop:8,fontSize:18,fontWeight:';400';,color:Colors。暗,},高亮显示:{fontWeight:';700';,},});导出默认应用;

将获取传递到后台图像组件的源属性。如果保留为空,则不呈现任何背景。

要在图像顶部渲染的任何内容。当滚动视图向上滚动时,此内容的不透明度向下动画。(可选)。

标题图像的静止高度。如果传入0,则不渲染背景。

此样式将与可滚动视图样式(在背景上滚动的视图)混合(覆盖现有字段)。

{.this.props}应用于内部ScrollView(不包括传递到外部容器的样式道具)