iOS原生项目集成React Native(不使用pods)

本文详细介绍了如何在不使用Pods的情况下,将React Native集成到iOS原生项目中,包括创建项目、添加package.json、安装RN模块、创建js入口文件、手动添加RN框架、配置Xcode Scheme、修改配置文件以及处理编译问题等步骤。
摘要由CSDN通过智能技术生成

iOS原生项目集成RN步骤(确保已经安装React Native环境):

1,使用Xcode创建项目,RNProject

在根目录下创建ios目录,将xcode创建的工程等相关文件移到ios目录下。

2,在项目根目录下添加package.json文件,如下图所示:

3,安装rn模块:

打开终端,进入项目根目录,执行命令npm install。完成后可以看到项目中多了node_modules目录和package-lock.json文件

4,创建js入口文件index.js,页面入口文件App.js

编辑index文件,如下图所示:

编辑页面文件App.js:

这里我们在页面上只显示一行文本:<View style={ {backgroundColor:'red'}}><Text>RN TEST</Text></View>

5,手动添加react native框架:

打开xcode工程文件,新建一个Libraries的Group。打开node_modules目录,首先将react-native/React目录下的React.xcod

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值