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

• 结束！

作者：我的昵称好听吗

链接：https://www.jianshu.com/p/61c59346830d

來源：简书

简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。