react-native使用Swiper在安卓上不顯示
阿新 • • 發佈:2019-02-03
在使用 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>; } }