工作笔记七

关于轮播图控件在安卓环境下不显示的解决方案:

constructor(props) {

       super(props);

       this.state={        

               swiperShow:false,    

       };

}

componentDidMount(){

         setTimeout(()=>{

                     this.setState({swiperShow:true});   

          },0)

}

 renderSwiper=()=>{

                    if(this.state.swiperShow){

                                return(                            

                                                     <Swiper height={150} autoplay={true}>  

                                                             {BANNER_LIST.map((item, i) => {

                                                                         return <Image source={require('../image/banner.jpg')}/>;  

                                                                })}     

                                                       </Swiper>

                                );

                     } else {

                               return <View style={{height:150}}></View>;

                     }

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 公司打算用react-native开发APP,初始RN遇到了很多坑,搭建了一个小的项目框架,结合redux根据公司...
    45b645c5912e阅读 4,042评论 0 5
  • 前言 本文有配套视频,可以酌情观看。 文中内容因各人理解不同,可能会有所偏差,欢迎朋友们联系我。 文中所有内容仅供...
    珍此良辰阅读 5,472评论 13 7
  • SPA(Single Page Application) 单页面应用,就是只有一张Web页面的应用。单页应用程序 ...
    sheepmiee阅读 5,272评论 0 5
  • TextInput是一个允许用户在应用中通过键盘输入文本的基本组件。本组件的属性提供了多种特性的配置,譬如自动完成...
    亭止阅读 8,521评论 1 0
  • React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架,是Faceb...
    Ginger12阅读 5,115评论 0 3

友情链接更多精彩内容