项目中引入了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外嵌套一层,并且给上内容相同的宽高。 此方法在我的项目中有效果,如有其他问题,欢迎讨论