react-native-parallax-view

开源

带有标题图像和标题内容的垂直滚动视图 / 列表视图的平行视图

1.3K stars0 点赞2 次浏览

工具介绍

带有标题图像和标题内容的垂直滚动视图 / 列表视图的平行视图

带有标题图像和标题内容的垂直滚动视图的平行视图

bash

$ npm i react-native-parallax-view --save

注意:一旦 rnplay.org 支持 React Native 0.8.0 版,我会放上一个工作示例。

项目的 /example 文件夹中有一个可检查的示例。请记住在其中运行 npm install 如果您想运行该项目,请选择 example 文件夹。

bash

cd react-native-parallax-view
cd example
npm install

此外,这里是使用示例

javascript


            Header Content
        
    )}
    scrollableViewStyle={{ backgroundColor: 'red' }}
>
  
    // ... scrollview content

Prop	可选	默认值	类型	描述
backgroundSource	否	`null`	`object`	传递给背景 `component` 的 `source` 属性。如果为空，则不渲染背景。
header	否	`null`	`renderable`	要在图像上渲染的任何内容。当滚动视图向上滚动时，此内容的透明度会逐渐减小。 (可选)
windowHeight	否	`300`	`number`	标题图像的静止高度。如果传入 0，则不渲染背景。
scrollableViewStyle	否	`null`	`object`	此样式将与可滚动视图样式 (滚动在背景上的视图) 混合 (覆盖现有字段)
...	否		`...ScrollViewProps`	`{...this.props}` 会应用于内部 `ScrollView` (不包括传递给外部容器的 `style` 属性)