react native 插件

在做用户资料卡时发现,滚动到一定位置就会隐藏用户资料卡片,不能展示用户信息,就想在导航头部添加一个用户信息,就类似于qq个人空间。

经过查找发现,

react-native-parallax-scroll-view

这个插件很好的满足了我的需求,同时又可以定制样式

安装:npm install react-native-parallax-scroll-view

用法:官网有自定义组件和基本组件两种方法,可以自己看


使用需要注意的是:

1:renderFixedHeader,渲染的固定头部,会始终固定在头部

2:renderStickyHeader,当滚动超过自己设置的renderFixedHeader高度时渲染的头部

3:在使用过程中,想将1和2结合使用,发现同时使用时,只会出现2,通过查看源码发现,他们同时使用出现了冲突,具体冲突原因记得不是很清楚了。但是我们可以在外部使用过程过给1一个相对定位,就可以让两者同时使用,便能出现官网demo的效果


4:还有一些其他的属性,官网都给出了解释,可以根据自己的需要去选取


日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容