When using swiper, I found that under Android, if scrollable components (such as: FlatList, SectionList, ListView, ScrollView, etc.) are used, swiper cannot be displayed normally.
solution:
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>; } }