<img src="https://facebook.github.io/react/img/logo_og.png" />
完全按照<a href = "http://reactnative.cn/docs/0.42/integration-with-existing-apps.html#content">中文官网</a>的操作流程
<<嵌入到现有的原生应用>>中遇到的问题
-
当前的react-native的版本为0.42.0,react的版本为15.4.2
使用示范App2048游戏Demo NumberTileGame
创建package.json
$cd ~/.NumberTileGame
$touch package.json
-
package.json中的内容编辑为如下,"react": "15.4.2","react-native": "0.41.2",这里的react-native不使用最新版是因为,目前好像还不支持0.42版的,当使用0.42版会报错.「
这里修改json文件一定不要用文本编辑器,它会改变一些符号的格式,导致进行下一步操作时报错」
{
"name": "NumberTileGame",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start"
},
"dependencies": {
"react": "15.4.2",
"react-native": "0.41.2"
}
}
创建Podfile
$cd ~/.NumberTileGame
$pod init
- 在Podfile的
# use_frameworks!下添加
pod 'React', :path => '../node_modules/react-native', :subspecs => [
'Core',
'RCTText',
'RCTNetwork',
'RCTWebSocket', # 这个模块是用于调试功能的
,# 在这里继续添加你所需要的模块
]
「..」换成项目文件夹在电脑里的绝对路径
- 修改plist文件可以用「文本编辑器」打开然后找对位置复制粘贴「
一定要找对位置」,这样比较快 - 当按照教程运行Packager,和应用后,关闭应用和终端,再次准备运行应用,Packager可以使用终端运行
npm start,而运行应用使用react-native run-ios将不被允许,可以打开项目点击运行按钮.
