react-native使用Swiper在安卓上不显示

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react-native使用Swiper在安卓上不显示相关的知识,希望对你有一定的参考价值。

在使用 swiper 的时候,发现在安卓机下,如果用到了可滚动组件(如:FlatList , SectionList,ListView,ScrollView 等),swiper无法正常显示。点击查看原文

 
解决方案:
 
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>;
    }
}

 然后在render()里面需要渲染 swiper 的地方调用 {this.renderSwiper()}

 

 

以上是关于react-native使用Swiper在安卓上不显示的主要内容,如果未能解决你的问题,请参考以下文章

react-native中textInput在androidTV上的焦点处理(坑篇)

react-native构建基本页面1---轮播图+九宫格

react native 中使用swiper

https 在 react-native android 上不起作用

使用模拟器调试react-native步骤(安卓机)

React Native 安卓开发----第三方框架的引用之React-native-Swiper框架实现欢迎页第五篇