初识React Native 必备
·
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
更多推荐

所有评论(0)