react-native-swiper苹果正常显示，Android不显示

在使用react-native-swiper时，最好不要放到（FlatList , SectionList,ListView,ScrollView 等）组件中，否则Android 可能不会正常显示图片；

我们只需要在
初始化的时候设置一个属性来控制显示swiper，然后在componentDidMount后，通过setTimeout来改变显示即可：

设置控制显示swiper的属性

constructor(props) {        super(props);        this.state = {            showSwiper: false        };    }

通过setTimeout控制swiper显示出来

componentDidMount(){    setTimeout(()=>{        this.setState({swiperShow:true});    },0)}

渲染swiper的方法

//渲染swiper    renderSwiper = () => {        if (this.state.showSwiper) {            return (                {                      this.props.banner.map((item, index) => {                                                                                                        );                       })                }            )        } else {            return ()        }   }

render方法中调用

render() {        return (                            {this.renderSwiper()}                    )    }

结束！

更多相关文章

随机推荐