React Native 嵌入到iOS原生项目
2017-05-03 17:17
281 查看
如果你正准备从头开始制作一个新的应用,那么React Native会是个非常好的选择。但如果你只想给现有的原生应用中添加一两个视图或是业务流程,React Native也同样不在话下。只需简单几步,你就可以给原有应用加上新的基于React Native的特性、画面和视图等。https://zjqian.github.io/2017/05/03/rn-integration-iosNative/
把React Native组件植入到iOS应用中有如下几个主要步骤:
首先当然要了解你要植入的React Native组件。
创建一个Podfile,在其中以subspec的形式填写所有你要植入的React Native的组件。
创建js文件,编写React Native组件的js代码。
添加一个事件处理函数,用于创建一个RCTRootView。这个RCTRootView正是用来承载你的React Native组件的,而且它必须对应你在index.ios.js中使用AppRegistry注册的模块名字。
启动React Native的Packager服务,运行应用。
根据需要添加更多React Native的组件。
调试。
准备部署发布 (比如可以利用react-native-xcode.sh脚本)。
发布应用,升职加薪,走向人生巅峰!
把React Native组件植入到iOS应用中有如下几个主要步骤:
首先当然要了解你要植入的React Native组件。
创建一个Podfile,在其中以subspec的形式填写所有你要植入的React Native的组件。
创建js文件,编写React Native组件的js代码。
添加一个事件处理函数,用于创建一个RCTRootView。这个RCTRootView正是用来承载你的React Native组件的,而且它必须对应你在index.ios.js中使用AppRegistry注册的模块名字。
启动React Native的Packager服务,运行应用。
根据需要添加更多React Native的组件。
调试。
准备部署发布 (比如可以利用react-native-xcode.sh脚本)。
发布应用,升职加薪,走向人生巅峰!
相关文章推荐
- iOS原生项目中集成React Native
- iOS原生项目中集成React Native
- React Native集成到原生项目(IOS)
- React Native项目集成iOS原生模块
- React Native集成到IOS原生项目
- iOS原生项目嵌入Cordova
- iOS原生项目中集成React Native
- React Native 嵌入原生项目混合开发-自定义RN Activity
- IOS-React Native 使用CocoaPods集成到原生项目中
- React Native 嵌入原生项目混合开发-多个RN Activity
- React Native 集成到原生项目(iOS)
- iOS原生项目中集成React Native
- React Native 集成到原生项目(iOS)
- React Native移植到原生Android项目
- [置顶] Unity跟IOS原生开发项目融合
- Android原生嵌入React Native
- React Native与原生项目连接与发布
- iOS在原生项目中插入React Native(最终版)
- 【WINDOWS环境 React Native学习】React Native移植原生Android项目及其各种奇葩Bug解决
- H5嵌入原生开发小结----兼容安卓与ios的填坑之路