React Native框架学习中遇到的问题

<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将不被允许,可以打开项目点击运行按钮.

这些不算什么问题的小问题出错了才更叫人头疼!


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容