ReactNative 入门相关资料总结

前言

（持续完善中）

• 创建项目的步骤
• 过程中出现的 问题1、问题2
• 将项目导入webstorm中并在模拟器中运行
• 调试技巧1（注意调试期间node不能关）
• webStorm快捷键
• react-native-router-flux
• 高阶组件
• Mobx
• CodePush

创建项目步骤

命令行下操作

1. react-native init MyProject

将local.properties文件拷到项目的android文件夹下面，否则会出现“java.lang.RuntimeException: SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.”问题

2. react-native run-android

命令行进入项目

调试

打开手机的调试菜单：Ctrl + M

上传的到github

由于项目中Object-C比较多，github自动识别成了Object-C，但我想改成JavaScipt，于是可以在项目中的.gitattribute文件中添加下面两行，暴力修改

//将.h 和.m文件当作JavaScipt语言来统计
*.h linguist-language=JavaScript
*.m linguist-language=JavaScript

WebStorm常用快捷键

快捷键	说明
ctrl+alt+L	格式化代码
ctrl+Y	删除一行