缘起：

React Native出了有一段时间了，最近又有点时间，所以就打算简单了解一下。首先是IOS，React Native对IOS的支持还是很ok的。下边是代码：

NSURL *jsCodeLocation;

jsCodeLocation = [NSURL URLWithString:@“http://localhost:8081/index.ios.bundle?platform=ios&dev=true”];

RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation moduleName:@“xxx” initialProperties:nil launchOptions:nil];123

这样创建rootView放那儿都可以。跟React Native号称的“只是一个View”情况差不多。在看看Android代码：

MainActivity.java

public class MainActivity extends ReactActivity {

/**

• Returns the name of the main component registered from JavaScript.

• This is used to schedule rendering of the component.

*/

@Override

protected String getMainComponentName() {

return “LoveStudy”;

}

}12345678910

MainApplication.java

public class MainApplication extends Application implements ReactApplication {

private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {

@Override

protected boolean getUseDeveloperSupport() {

return BuildConfig.DEBUG;

}

@Override

protected List getPackages() {

return Arrays.asList(

new MainReactPackage()

);

}

@Nullable

@Override

protected String getBundleAssetName() {

return “index.android.jsbundle”;

}

};

@Override

public ReactNativeHost getReactNativeHost() {

return mReactNativeHost;

}1234567891011121314151617181920212223242526

这说好的view呢。要是第一次接触React Native真是吓了一跳。很纠结怎么能和自己先有的原生代码一起。网上搜一下一大把文章。比如：http://blog.csdn.net/keep_driving_xinyang/article/details/50290825。要是你又时间可以试试，应该遇到很多问题，要是没问题哪算你运气好。

解决办法：

当我搜了很多教程，然后还是出奇奇怪怪的问题。解决了一个出现另一个，最后没办法了才开始看ReactActivity的源码。不看不知道一看吓一跳，nnd 这玩意就是一个Demo，直接拿出来用就可以了 何必搞那么复杂。下边看看我的实现方式：

public class MainActivity extends Activity implements DefaultHardwareBackBtnHandler {

static final String TAG = “MainActivity”;

private @Nullable

ReactInstanceManager mReactInstanceManager;

private @Nullable ReactRootView mReactRootView;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

mReactRootView = createRootView()；

mReactRootView.startReactApplication(

getReactNativeHost().getReactInstanceManager(),

“xxx”,

null);

setContentView(mReactRootView);

}

protected ReactRootView createRootView() {

return new ReactRootView(this);

}

最后

在这里我和身边一些朋友特意整理了一份快速进阶为Android高级工程师的系统且全面的学习资料。涵盖了Android初级——Android高级架构师进阶必备的一些学习技能。

附上：我们之前因为秋招收集的二十套一二线互联网公司Android面试真题（含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。）

上：我们之前因为秋招收集的二十套一二线互联网公司Android面试真题（含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。）
[外链图片转存中…(img-DN25sdFp-1645103218853)]
本文在开源项目：【GitHub 】中已收录，里面包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等，资源持续更新中…