QQ20160804-7@2x.png
介绍
本来想写runLoop 最近项目中用到react-native 就这里写下相关的东西，总结一句话，我的react-native 不是学习编程，而是踩坑的过程，这里先写我遇到的问题，作为自己的总结，也为看到文章的各位不再踩这些了（怎么可能）。
问题场景：
因为项目功能和需求需要，项目中需要不用上线就能各种通过服务器变化的功能，这个时候reactNative 是个不错的选择，毕竟大厂出品，而且国内有公司已经上线了。比如携程和jd，有了这些踩坑的先烈，我就想搞一搞吧。
书籍
目前国内中文的书籍不是很多，我仅仅买了一本从入门到实战。。。。
QQ20160803-0@2x.png
买了大概看了一遍，发现嘿，国内写的应该不错的，可是还是几乎是在叙述，没有什么深度，不过初学时够了。里面的代码是老版本的代码，生成类的方式都已经不一样了。不过里面的代码逻辑 还不错，都是携程的员工写的。找了几个同行背书，瞬间感觉自己好阴暗啊。
网络学习
还是官网，这点比较欣慰的是中文的跟进比较及时，英文的理解的深度都是靠实践出来的，中文还是比较容易看懂的，不过，不全和解释不够，这个和英文的文档有一样的毛病
http://reactnative.cn/docs/0.30/getting-started.html#content
上面的论坛不是很活跃，问答的还是
http://stackoverflow.com
另外还有一个自己总结的不错，我也是深受启发
http://react-china.org/t/react-native/3169/3
开始搞起
1 如果你的代码是cocoapod的代码，那么你就比较简单了。
http://www.jianshu.com/p/5523ec0e93a7
这里面详细说明的如何操作，官网上也是比较推荐cocoapod 但是我在cocoapod的时候等待的时间就没有等待到下载完成的时候，我换了国内的源也还是不行，真心不知道怎么办。
2 如果你的项目是个老项目，就都是手动托进去的，那么就要开始挖坑之旅了。在拖拽的时候，记得项目的位置，要和react-native init 项目名称，里面的ios 路径一致
QQ20160804-0@2x.png
开始配置这个项目，路径一定要准确啊
项目拖入到指定目录下后，开始配置了。
- (void)viewDidLoad {
[super viewDidLoad];
NSURL *jsCodeLocation;
jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];
RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
moduleName:@"RNT"
initialProperties:nil
launchOptions:nil];
self.view.backgroundColor = [UIColor redColor];
rootView.frame = CGRectMake(0, 0, 320, 480);
[self.view addSubview:rootView];
// Do any additional setup after loading the view, typically from a nib.
}
这段代码还是好好保存，在任意的viewController 里面我们要把 RCTRootView 这个可以各种变化的view 和他的衍生view 都是以这个为开始的。
QQ20160804-1@2x.png
这样然后倒入.a的包，这个其他文章一堆一堆的
QQ20160804-2@2x.png
这个一定要配置
这个包的编译路径可以import 也要更改一下 。
QQ20160804-4@2x.png
这个是可以在你的项目里面自动编译更改过的代码的脚本。
当然，这一切的一切不是重点，在我们info.plist 里面要个要写的，
QQ20160804-5@2x.png
这个是你可以localhost 进行服务端访问的配置。网上大部分都没有提过这个地方，我也是被坑的不行不行的
#总结
项目已经导入的react-native 下一篇再写代码中的坑，坑死了啊。。。
网友评论