React-Native学习笔记

时间:2022-09-04 12:15:42

资源:

1. Redux 中文文档

  Redux 中文文档

2. Atom文本编辑工具

    Atom文本编辑工具

3. React-native 官方文档

    React-native 官方文档

 

问题:

1. npm并不是每一个version都可以安装react-native, 之前安装的时候发现最新版并不能安装,后来使用另一个工具(待回忆)安装了npm的5.9.x的某个版本之后才可以安装。目前我使用的6.2.2也是可以的。

2. mac上会出现react-native指令不识别问题。

 react-native: command not found:

 首先用npm install -g react-native-cli得到react-native的安装路径,如下

Enter: npm install -g react-native-cli
output: /usr/local/Cellar/node/6.1.0/libexec/npm/bin/react-native ->/usr/local/Cellar/node/6.1.0/libexec/npm/lib/node_modules/react-native-cli/index.js/usr/local/Cellar/node/6.1.0/libexec/npm/lib
└── react-native-cli@0.2.0 

  再在bash里面输入:export PATH="/usr/local/Cellar/node/6.1.0/libexec/npm/bin:$PATH"
  就可以正常使用react-native的命令了。
  至于其他大神说的.bashrc .bashprofile等等,我也是刚开始用imac,没找到也没搞清楚到底怎么弄。

 参考:http://*.com/questions/33282545/bash-react-native-command-not-found 

 

 

学习笔记:

和已有app的集成:

主要参考Integration With Existing Apps:http://facebook.github.io/react-native/releases/next/docs/integration-with-existing-apps.html

也有一些这里面没提及到的问题需要处理

1. npm相关命令是在项目根目录的上一级目录执行,而不是在根目录中执行。

2. "start": "node node_modules/react-native/local-cli/cli.js start" 注意跟前面其他内容加一个,号 

3.  For debug, 在Manifest里加入<activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />

4.  在Application中实现ReactApplication

public class MainApplication extends Application implements ReactApplication {

private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
@Override
protected boolean getUseDeveloperSupport() {
return BuildConfig.DEBUG;
}

@Override
protected List<ReactPackage> getPackages() {
return Arrays.<ReactPackage>asList(
new MainReactPackage()
);
}
};

@Override
public ReactNativeHost getReactNativeHost() {
return mReactNativeHost;
}
}

5. 在继承的ReactActivity中需要指定MainComponentName:

/**
* Returns the name of the main component registered from JavaScript.
* This is used to schedule rendering of the component.
*/
@Override
protected String getMainComponentName() {
return "HybirdTest";
}