react-native使用Swiper在安卓上不显示

最新推荐文章于 2022-09-15 19:02:48 发布

diaofan2150

最新推荐文章于 2022-09-15 19:02:48 发布

阅读量79

点赞数

原文链接：http://www.cnblogs.com/cielu/p/6940184.html

版权

在使用 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()}

转载于:https://www.cnblogs.com/cielu/p/6940184.html