ReactNative 开发技术栈
1.	熟悉开发环境搭建及RN基础开发知识
参考网址: https://reactnative.cn/
建议使用IntelliJ IDEA作为开发工具

2.	熟悉 JavaScript 、CSS 及 ES6
参考网址: http://www.w3school.com.cn/
http://es6.ruanyifeng.com/

3.	熟悉ReactNative 导航组件 react-native-router-flux
参考网址: https://github.com/aksonov/react-native-router-flux

https://github.com/jhen0409/react-native-debugger/releases    dubug下载

https://github.com/jhen0409/react-native-debugger/blob/master/docs/react-devtools-integration.md#how-to-use-it-with-real-device
dubug使用
https://www.hssenglish.com/student/dcw/learning-center.html english

VCstrong
运行命令
  react-native run-android
会报错  解决方案(vcStrong)
   react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/




-----------------------------------------------------------

ReactNative 开发技术栈
1.	熟悉开发环境搭建及RN基础开发知识
参考网址: https://reactnative.cn/
建议使用IntelliJ IDEA作为开发工具

2.	熟悉 JavaScript 、CSS 及 ES6
参考网址: http://www.w3school.com.cn/
http://es6.ruanyifeng.com/

3.	熟悉ReactNative 导航组件 react-native-router-flux
参考网址: https://github.com/aksonov/react-native-router-flux

https://github.com/jhen0409/react-native-debugger/blob/master/docs/react-devtools-integration.md#how-to-use-it-with-real-device

dubug使用
https://www.hssenglish.com/student/dcw/learning-center.html english

dubug下载
https://github.com/jhen0409/react-native-debugger/releases    

Rn基础知识
https://github.com/pheromone/mobile-learn

导航组件的使用
react-native-router-flux
https://www.cnblogs.com/lemonzwt/p/8182345.html
https://www.jianshu.com/p/953189770d87
https://www.jianshu.com/p/953189770d87
https://github.com/aksonov/react-native-router-flux/blob/master/docs/API.md#scene
https://github.com/aksonov/react-native-router-flux
导航栏有精致的图标
https://blog.csdn.net/Destiny_strive/article/details/83993521

tab(好使有Bug)
http://www.cnblogs.com/crazycode2/p/9395984.html
布局指南
https://blog.csdn.net/quanqinyang/article/details/52215641
线条的显示
https://github.com/781238222/react-native-divide
滑动视图组件的使用
https://blog.csdn.net/wbiokr/article/details/79134527

常用的第三方组件(RN)



属性
https://www.imooc.com/article/13176
https://www.jianshu.com/p/4a61a517c792
https://www.jianshu.com/p/1c39eced676f
https://blog.csdn.net/p_find/article/details/82799041
https://www.jianshu.com/p/ff00fcc2c0e6
https://blog.csdn.net/violetjack0808/article/details/51329554


日历组件
https://www.jianshu.com/p/6847ad43ffbd
https://github.com/wix/react-native-calendars



--------------------------第一次报错---------------------------------------
1.IJ 工作空间
2.Ij报错  https://blog.csdn.net/qq_25827845/article/details/52857763 
    'react-native' 不是内部或外部命令,也不是可运行的程序 或批处理文件。 错误解决

//  <TextInput
        //    placeholder={'请输入用户名'}
        //    style={{height: 40, borderColor: 'gray', borderWidth: 1,padding:0,fontSize: 16}}
        // />

忘记引用组件 容易报错
 Application AwesomeProject has not beenregistered.

      Hint: This error often happens when you're runningthe packager (local dev server) from a wrongfolder. For example you have multiple apps andthe packager is still running for the app you wereworking on before.

      If this is the case, simply kill the old packager

      instance (e.g. close the packager terminal window)and start the packager in the correct app folder (e.g.cd into app folder and run 'npm start').

      This error can also happen due to a require0error during initialization or failure to callAppRegistry.registerompo

报错

Text strings must be rendred within a<Text> component 语法错误,有多余的标点
https://www.jianshu.com/p/7ce4522953fd      代码注释错误,不能在组件里面写注释,

Rn null is not an object (evaluating 't.languages)  空对象      onPress={this.login.bind(this)} 是否有bind
     					         或者是  react-native link      博客参考  :https://blog.csdn.net/quhongqiang/article/details/86597694 ----》引入图片报错500
									 undefined is not an object (evaluating 'RNGestureHandlerModule.State'
2019年01月22日 17:03:37 曲小强 阅读数:614


解决方案红屏
https://github.com/facebook/react-native/issues/4968




Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐