react-native-swiper在滚动视图中默认不显示图片的问题
来源:互联网 发布:pokemon狙击软件 编辑:程序博客网 时间:2024/06/10 05:38
在此记录下在使用react-native-swiper中踩的坑,此组件的github地址为:https://github.com/leecade/react-native-swiper,想了解的可以去这里了解下,在此不做使用介绍,只记录下浪费了我两个小时的踩坑经历,小伙伴们就别在踩了!
先介绍下我是使用环境,使用了react-native-tab-navigator来做底部导航栏,然后在首页又使用了react-native-scrollable-tab-view来做tab切换,然后在tab页使用了ListView组件来显示商品信息,ListView的第一行就使用了react-native-swiper来做图片轮播了,上个效果图看下,效果图你用别人的例子:
就这玩意儿,轮播图怎么也出不来,一开始认为react-native-swiper的bug,例子代码也是照着他抄的,就看了这个项目的issues,还真有人碰到了,不过没人把解决方法贴出来,我又单独跑了他们提供的demo,什么问题也没有,所以就排除了这个组件自身bug的问题。
接下来就想是不是react-native-scrollable-tab-view与react-native-swiper不兼容的问题,又看找了下react-native-scrollable-tab-view源码分析了,没发现问题,可能水平不够,又把他们两个组件组合使用了,功能很正常也很完美。然后接着就剩ListView与react-native-swiper的组合的问题了,到了这里,还有啥想的,打开官网,找到ListView文档,从头到尾再读一遍,直接忽略了他给的demo,demo上的属性也太少了,有问题也查不出来,然后就看到了这个属性:removeClippedSubviews,真是一万只草泥马从心中奔涌而过啊,咋就没早点去读官方的文档呢,每次看了demo就走……………………………………
到这里了,还有啥说的,直接定位到ListView组件上,加上这个属性,removeClippedSubviews={false},一切正常。各位小伙伴自己看他的解释吧:
各位不伙伴们吸取我的教训,多看下官网的文档,别再踩坑了,如果有做react-native的多交流交流!
- react-native-swiper在滚动视图中默认不显示图片的问题
- 解决react-native-swiper在安卓上与react navigation TabNavigator一起用时不显示内容问题
- 解决react-native-swiper在安卓上与TabNavigator共用时不显示内容问题
- ListView的头部添加react-native-swiper不显示的问题
- react-native 图片不显示问题
- react-native使用Swiper在安卓上不显示
- react native图片显示问题
- React Native中显示fragment的问题
- 小程序的swiper不显示图片
- 解决React Native的Image组件中不更新图片的问题
- React-native ListView不滚动
- react-native应用在Xcode模拟机调试不显示服务器图片
- react-native 滚动视图点击事件无法响应的情况
- React native中Android 的图片加载问题
- 基于react-native-swiper 封装的bannerView
- react-native-swiper 让人无语的坑
- react-native无法显示图片的解决办法
- 记录在使用react-native-echarts中遇到的问题
- php中的数组
- mysql 单列索引 和 多列缩影
- (第九周项目4)广义算法库及应用(2)
- 读者写者问题
- laravel 后台权限 展示,修改
- react-native-swiper在滚动视图中默认不显示图片的问题
- VAGRANT 和 Docker的使用场景和区别
- 微信公众平台测试号申请
- 多线程下单例模式的优化思考(转)
- 2132 数据结构实验之栈二:一般算术表达式转换成后缀式
- JAVA短信验证码倒计时功能
- 【洛谷 1160】 队列安排
- 升级10.12后使用CocoaPod出现-bash: pod: command not found 解决办法
- ext 提交请求方式