ios原生项目集成reactnative步骤（RN学习一） ios原生项目集成reactnative步骤（

1、reactnative环境搭建（自行解决）
2、pods环境搭建（自行解决）
3、xcode新建工程RNTest
4、在项目工程根目录新建package.json，内容如下（具体需要哪些，根据项目配置，下面的内容是本人自己入门写的demo所用）
{
"name": "RNTest",（这是一个大坑，需要和工程名称相同，切记）
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
},
"dependencies": {
"prop-types": "^15.6.0",
"react": "16.2.0",
"react-native": "0.52.1",
"react-native-deprecated-custom-components": "git+https://github.com/facebookarchive/react-native-custom-components.git",
"react-native-tab-navigator": "^0.3.4",
"react-native-xtabbar": "^0.2.1",
"react-navigation": "^1.0.0-beta.27"
},
"devDependencies": {
"babel-jest": "22.1.0",
"babel-preset-react-native": "4.0.0",
"jest": "22.1.4",
"react-test-renderer": "16.2.0"
},
"jest": {
"preset": "react-native"
}
}
5、新建index.js,内容自行添加
-----到此reactnative相关配置结束---
6、新建Podfile文件（touch Podfile）
7、vim进入编写以下内容
//use_frameworks!OC项目不要加哦不然很爽
platform :ios, '8.0'
target 'RNTest' do
pod 'React', :path => '../RNTest/node_modules/react-native', :subspecs => [
'Core',
'ART',
'RCTActionSheet',
'RCTGeolocation',
'RCTImage',
'RCTNetwork',
'RCTPushNotification',
'RCTSettings',
'RCTText',
'RCTVibration',
'RCTWebSocket',
'RCTLinkingIOS',
'DevSupport',//此处有坑，不加的话各种问题如：could not build module 'yoga',研究了2天时间，悲催
'BatchedBridge',//此处有坑，必须加
]
inhibit_all_warnings!//此处有坑，不要忘记添加，原因：内部数据转换精度问题，加上就行
pod 'yoga', :path => '../RNTest/node_modules/react-native/ReactCommon/yoga'//此处有坑 yoga必须全小写
end

8、npm install
9、pod install
【ios原生项目集成reactnative步骤（RN学习一）】10、大功告成

ios原生项目集成reactnative步骤（RN学习一）

推荐阅读

怎样用柠檬美白牙齿如何用柠檬美白牙齿

健康夕阳红自检老年健康三“不”标志

塔黄的功效与作用

喝杨梅酒有什么好处？

梦回长安

FreeHand设计形态各异的盛开荷花

松下电视怎样才能打开杜比音效,松下电视机为什么会出现创维模式

动脉|2亿中国人颈动脉“长斑”？4件事若还不纠正，斑块或许会越长越大

什么面霜好？

怎么提升YY会员贡献 yy会员贡献度怎么获得

家里自己清洗洗衣机用什么方法家庭用洗衣机清洗方法

2022湖北养老金上调方案细则 2022年湖北养老金调整最新消息

红葡萄酒的制作方法和步骤

火焰纹章风花雪月怎么结婚火焰纹章风花雪结婚条件和方法

五一广州周边自驾车一日游,有哪些好地方推荐？

买电吉他要注意什么

信用卡无力偿还银行怎么处理？

现在做什么行业最好 2021创业首选10大行业

膀胱癌|小便时多留意，如果出现这几个症状可能是膀胱癌找上你了

博世壁挂炉故障代码和解决方法博世壁挂炉ea故障原因