怀抱观古今,寝食展戏谑。这篇文章主要讲述react-native使用Swiper在安卓上不显示相关的知识,希望能为你提供帮助。
在使用 swiper 的时候,发现在安卓机下,如果用到了可滚动组件(如:FlatList , SectionList,ListView,ScrollView 等),swiper无法正常显示。点击查看原文
解决方案:
constructor(props) { super(props); this.state = { listData: testData, onRefresh: false, swiperShow:false, }; }componentDidMount(){ setTimeout(()=> { this.setState({swiperShow:true}); },0) }
renderSwiper=()=> { if(this.state.swiperShow){ return ( < Swiper height={150} autoplay={true} activeDotColor="#fff"> {BANNER_LIST.map((item, i) => { return < Image source={require(‘../../../img/banner.jpeg‘)} key={i} style={styles.banner}/> ; })} < /Swiper> ); }else { return < View style={{height:150}}> < /View> ; } }
然后在render()里面需要渲染 swiper 的地方调用 {this.renderSwiper()}
【react-native使用Swiper在安卓上不显示】
推荐阅读
- Android开发系列(二十四)(Notification的功能与使用方法)
- Android-Android studio中关于模拟器的/data目录不能显示的解决办法
- 运营数据库和数据仓库之间的区别
- OLTP和OLAP之间的区别
- JUnit教程| Java测试框架
- Windows和MAC平台的10个最佳VMWare替代方案
- Mac 11大最佳重复照片查找和删除应用程序合集
- 面向设计师的17大平面设计软件合集(免费和付费)
- win8.1系统中的性能监视器中查看日志数的技巧