博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React Native ScrollView组件实现上拉下滑背景色不同
阅读量:6529 次
发布时间:2019-06-24

本文共 696 字,大约阅读时间需要 2 分钟。

方法一:通过设置contentInset实现

{ this.myScrollView = view}}>
……
{ this.myScrollView.scrollTo({y: 1000})}}>
让我滚回去
contentInset: { top: -1000, left: 0, bottom: 0, right: 0 },header:{ height: 1000, backgroundColor: '#3399ff', },复制代码

方法二:通过设置contentOffset实现

constructor(props) {    super(props);    this.state = {y: 0};  }changeScroll = (e) => {    this.setState({y: e.nativeEvent.contentOffset.y});  };
{ this.myScrollView = view}}> ……
{ this.myScrollView.scrollTo({y: 0})}}>
让我滚回去
复制代码

推荐使用方法一,因为点一次屏幕onScroll才变一次,如果按着屏幕上下拉就不能实现上下不同颜色了,必须松开手重新点才可以。

转载地址:http://iyabo.baihongyu.com/

你可能感兴趣的文章
“灾备全生态”全揭秘
查看>>
CSS盒子模型
查看>>
Zeppelin Prefix not found.
查看>>
ubuntu中eclipse安装svn插件问题
查看>>
linux 的网络设置
查看>>
首届“欧亚杯”象翻棋全国团体邀请赛圆满收评!
查看>>
编译tomcat
查看>>
最简单 iText 的 PDF 生成方案(含中文解决方案)HTML 转为 PDF
查看>>
MySql中is NULL、ISNULL()和IFNULL()运行速度的比较
查看>>
关于unichar字符串的初始化
查看>>
oracle-xe手工创建数据库
查看>>
Cisco交换机 链路聚合
查看>>
我的友情链接
查看>>
好程序员HTML5大前端分享web前端面试题集锦二
查看>>
UG中卸载被占用的DLL
查看>>
eclipse 设置注释模板详解,与导入模板方法介绍总结
查看>>
Cocos2d-x3.2 文字显示
查看>>
估计下星期就能考科目二了
查看>>
20 Useful Commands for Linux Newbies
查看>>
轻松实现localStorage本地存储和本地数组存储
查看>>