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()}
            
        )
    }
  • 结束!

你可能感兴趣的:(react-native-swiper苹果正常显示,Android不显示)