微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐