ReactNative开发经历:
    每日速递:(新闻类)
    主要工作:负责客户端的全部功能
    功能点:主要用于展示新闻类内容,新闻搜索
    三方框架:flyio(网络库) , popup-dialog(弹窗),react-navigation(页面导航) recyclerlistview(长列表) deck-swiper(轮播),splash-screen(启动页),img-cache (图片缓存)
    总结:UI方面使用flex box 布局,项目中主要使用到的多为列表的形式展示新闻数据。
    涉及到的上拉加载时数据的缓存和item复用。使用原生的Flatlist超过50多数据时则有明显的卡盾存在,因为flatList内部使用的是scrollView 。元素较多时被大师计算阻塞了。解决方案。使用RecyclerListView进行代替
    项目二:
    郑州园博园:(园区类)
    主要工作:负责整个客户端的开发与维护
    功能点:展示园区热门推荐,新闻资讯,全景游园,景区地图的导航等
    三方框架:flyio(网络库) , popup-dialog(弹窗),react-navigation(页面导航) recyclerlistview(长列表) ,splash-screen(启动页),img-cache (图片缓存)NativeBase(ui框架)Vector Icons (图标)react-native-maps(地图)image-picker(图片选择库) snap-carousel(轮播)action-sheet(底部弹出框) chat-wrapper(图表库)
    总结:给整个页面设置背景图,放到安卓的思想就是给整个layout设置个backGround就ok在RN的view并没有这个属性现在的处理方式就是在view层上加一个image 并设置占用全屏。
    /’设置flex:1,width height 都为NULL 不设0 设置为Null 会自适应屏幕,若不然图片会拉伸变形 /’
    使用fetch从接口获取数据,在debug版本下能正常获取,但在release版本下无法获取数据,发起网络请求后应用会白屏,看不到报错(有可能提示这个Network request failed),用抓包工具抓不到网络请求行为。解决办法:
    在android AndroidManifest.xml文件中加入usesCleartextTraffic=”true”.原因是android9.0以后推荐使用https
    this指向问题
    this 指向问题,需要在调用方式的时候绑定 this 作用域,例如:this.renderRow.bind(this),
    最好是在构造函数里面进行绑定.否则活出现循环渲染,影响性能.例如this.renderRow = this.renderRow.bind(this)

    react-native-snap-carousel 立体轮播图造成空白页面问题
    问题产生原因是上不轮播图在自动轮的时候,不在当前页面显示人内容下,并没有停止轮播,当切换页面的时候后回造成空白页面问题.解决方案:轮播图不在页面显示内,停止轮播.

    生命周期循环调用问题
    绝对不要在componentWillUpdate,componentDidUpdate中调用this.setState方法,否则将导致无限循环调用,在componentWillReceiveProps,shouldComponentUpdate可以
    因为:这两个方式是随着render也会调用.造成一直引用

    其他项目经验为android原生开发或者uniapp开发