react-native does not display on Android using Swiper

When using swiper, I found that under Android, if scrollable components (such as: FlatList, SectionList, ListView, ScrollView, etc.) are used, swiper cannot be displayed normally.

solution:

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

Guess you like

Origin blog.csdn.net/qq980338445/article/details/72850371