<ignore_js_op> 

 

 

源码下载：http://code.662p.com/view/13343.html

 

 

作者ymcao，源码TopNewsIOS，新闻头条IOS版本集成React远程离线包，

头条IOS+ReactNative混合版本(Layout采用Masonry) 

用Masonry来做IOS UI AutoLayout适配，并初步实现React Native的离线包下载，然后解压到沙盒目录，可用未来IOS插件化工作!

IOS原生工程集成React Native

1.从https://github.com/facebook/react-native.git拉取代码，然后cd 目录执行npm install（前提是你已经安装好node环境）
2.到React目录下拖拽React.xcodeproj到原生工程，其他的需要的到Libary目录下 React/React.xcodeproj Libraries/Image/RCTImage.xcodeproj Libraries/Network/RCTNetwork.xcodeproj Libraries/Text/RCTText.xcodeproj Libraries/Vibration/RCTVibration.xcodeproj Libraries/WebSocket/RCTWebSocket.xcodeproj Libraries/LinkingIOS/RCTLinking.xcodeproj Libraries/Settings/RCTSettings.xcodeproj 3.添加对应的.a文件 4.打开你的工程文件，选择Build Settings，然后搜索Header Search Paths，然后添加React库所在的目录（注意要选中recursive选项）

5.创建react native单独工程，创作界面UI功能等 6.在react native工程中使用命令react-native bundle --entry-file index.ios.js --bundle-output ./bundle/news.ios.jsbundle --platform ios --assets-dest ./bundle --dev true 打包出离线jsbundle

7.压缩成zip放到服务器，这样就可以动态下载，然后解压，通过路径查找去加载离线jsbunle了，这块详见module/settings/ReactController.m

特地做个新闻类的，API比较好找，&#128516;，边做还能看看新闻娱乐，此工程会持续更新，何乐而不为呢，有什么问题望大家多多意见！

 

详细说明：http://ios.662p.com/thread-2833-1-1.html