react-native-Cocoapods-Swift-Project

https://reactnative.cn/docs/integration-with-existing-apps/

1、创建一个xcode工程，single View就行，项目语言选择swift，oc的直接生成就行不用这么麻烦。
2、把跟目录上创建 node的package.json,执行命令

npm init
npm install react-native --save-dev
npm install react --save-dev

3、创建podfile文件，然后执行pod install ，必须第二步完成。代码如下：

# Uncomment the next line to define a global platform for your project
# platform :ios, '9.0'target 'demo1' do# Comment the next line if you're not using Swift and don't want to use dynamic frameworksuse_frameworks!pod 'DoubleConversion', :podspec => './node_modules/react-native/third-party-podspecs/DoubleConversion.podspec'pod 'glog', :podspec => './node_modules/react-native/third-party-podspecs/GLog.podspec'pod 'Folly', :podspec => './node_modules/react-native/third-party-podspecs/Folly.podspec'pod 'React', :path => './node_modules/react-native', :subspecs =>  ['Core','DevSupport','RCTText','RCTNetwork','RCTWebSocket','CxxBridge']# 如果你的RN版本 >= 0.42.0，请加入下面这行pod "yoga", :path => "./node_modules/react-native/ReactCommon/yoga"end

执行npm start 启动服务

运行项目　　

出现如下错误

查了下资料需要修改

在info.plist中添加 AppTransport Security Settings 在其下再添加 Allow Arbitrary Loads选择为 yes，修改网络可以使用http请求。

运行正常

ok, 新建Swift工程，配合Cocoapods 构建react-native项目就完成了。

demo地址

https://github.com/youhui/react-native-cocoapods-swift-project

转载于:https://www.cnblogs.com/youhui/p/10251684.html

react-native-Cocoapods-Swift-Project相关推荐

React Native使用指南-植入原生应用
由于React并没有假设你其余部分的技术栈--它通常只作为MVC模型中的V存在--它也很容易嵌入到一个并非由React Native开发的应用当中.实际上,它可以和常见的许多工具结合,譬如CocoaP ...
如何在React Native和Firebase中设置Google登录
Google sign-in is a great login feature to offer to your app's users. It makes it easier for them to ...
给iOS开发者的React Native入门使用教程
目录一. 原生iOS项目集成React Native 二. 原生跳转RN页面三. 显示豆瓣热门电影列表四. 改为导航五.完整源代码一. 原生iOS项目集成React Native 创建一个新 ...
React Native指南
React本机 (React Native) React Native is a cross-platform framework for building mobile applications t ...
这是我最喜欢的使用React Native创建生产级应用程序的技巧
Trust me when I say this, React Native is hard. And it's not the usual hard of what we think hard is ...
构建了我的第一个React Native应用程序之后，我现在确信这是未来。
by Taylor Milliman 泰勒·米利曼(Taylor Milliman) 构建了我的第一个React Native应用程序之后,我现在确信这是未来. (After building my ...
如何将React App转换为React Native
I have been working on a lot of mobile projects lately - including Cordova, PhoneGap, React Native, ...
为什么 React Native 连遭 Airbnb、Udacity 抛弃？
投稿 | 亦枫责编 | 唐小引 Udacity 移动端团队最近删除了 App 中使用 React Native 语言开发的相关功能. 我们收到大量有关我们用法或 React Native 的问题以及 ...
React Native初探
React Native初探转自:博客园叶小钗前言很久之前就想研究React Native了,但是一直没有落地的机会,我一直认为一个技术要有落地的场景才有研究的意义,刚好最近迎来了新的APP ...
React Native从入门到实战--开发环境搭建
前言: 从今天起开启一门全新的课程学习,就是React Native,远在18年https://www.cnblogs.com/webor2006/p/9350428.html其实当时就已经做过开篇, ...

react-native-Cocoapods-Swift-Project

react-native-Cocoapods-Swift-Project相关推荐

最新文章

热门文章