1. 程式人生 > >react-native使用Swiper在安卓上不顯示

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>; } }