react-native-swiper Android不显示

项目中引入了react-native-swiper，发现不能显示。问题原因：1.放到了（FlatList , SectionList,ListView,ScrollView 等）组件中2.swiper的下面放有ScrollView或者ListView等滑动列表网上解决办法：1.添加延时，之后加载（尝试以后，发现并不能解决问题）我的解决方式：<View s...

feipengwang6666

796人浏览 · 2019-08-28 18:06:10

feipengwang6666 · 2019-08-28 18:06:10 发布

项目中引入了react-native-swiper，发现不能显示。

问题原因：

1.放到了（FlatList , SectionList,ListView,ScrollView 等）组件中

2.swiper的下面放有ScrollView或者ListView等滑动列表

网上解决办法：

1.添加延时，之后加载（尝试以后，发现并不能解决问题）

我的解决方式：

<View style={HomePageScreenStyle.contentContainer}>
    <Swiper
        style={HomePageScreenStyle.contentContainer}
        showsButtons={false}
        removeClippedSubviews={false} //这个很主要啊，解决白屏问题
        autoplay={true}
        horizontal ={true}
        paginationStyle={HomePageScreenStyle.paginationStyle}
        dotStyle={HomePageScreenStyle.dotStyle}
        activeDotStyle={HomePageScreenStyle.activeDotStyle}>
        <Image source={Images.teacher.mainlist_main_slideshow_bg} style={HomePageScreenStyle.backgroundImage} />
        <Image source={Images.teacher.mainlist_main_slideshow_bg_notenglish} style={HomePageScreenStyle.backgroundImage} />
    </Swiper>
</View>

注意：是给最Swiper外嵌套一层，并且给上内容相同的宽高。此方法在我的项目中有效果，如有其他问题，欢迎讨论