react-native使用Swiper在安卓上不显示
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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在安卓上不显示的主要内容,如果未能解决你的问题,请参考以下文章
react-native中textInput在androidTV上的焦点处理(坑篇)