如何在Androidstudio中导入GitHub上面的RN项目

本文详细介绍了如何在Android Studio中导入并运行从GitHub下载的React Native项目,包括项目导入流程、解决常见错误、生成bundle文件及运行Android代码的具体步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在GitHub上卖弄有很多的RN资源,在下载下来的项目直接在Androidstudio上面是不能直接打开的,需要导入项目的方式导入

1.這樣导入新项目,

2.选择下载的项目的文件夹

3.点击“Next”进入下一步

4.选择默认的就行,点击finish。

5.新开一个窗口,选new window

6.

发现啥也没有。在下面有的提示,点进去是

点击configure,

点击“OK”就行。然后进入终端,点击下面的图标。

下面是重点需要注意的地方。

一、首先需要运行 npm install,不然会提示没有react-native项目。出现下面的情况说明成功了。

二、在运行安卓的项目前还有些准备工作需要做。

1、将其他项目的拷贝在RN项目的Android目录下,因为这是让安卓项目找到本地的SDK的方法,如果没有此步骤则会出现

这样的错误,找不到SDK,上面的方法就可以解决这个问题。

2.需要生成运行需要的bundle文件,如果在(D:\ReactNative\RNPushToNative\android\app\src\main\assets)

的目录下没有assets目录,需要手动建立一个assets文件夹。

然后在终端运行 含有  AppRegistry.registerComponent 注册代码的js文件(这个是入口的位置),运行代码

react-native bundle --platform android --dev false --entry-file index.js  --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/assets

注意红色的是js文件的名称,而且是有注册代码的js文件,绿色的是assets的路径,但注意不是完整路径,只是在Android文件夹下的路径。

运行结果

生成的文件

此刻就可以运行Android的代码了,运行的命令为:

react-native run-android

如果沒有錯的話就會是下面的程序

最後成功的启动项目

 

 

补充:在运行项目的时候可能会出现

解决办法:, 后面表示缺少‘’里面的什么就用这个命令进行安装就可以了。

补充:在引入图片的时候出现了找不到图片的情况,主要是路径放的不对,更改存储的路径就可以了,但是后面运行的 时候图片显示不出来,感觉没有加载到,是因为没有生成相应的bundle文件,运行

react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bu
ndle --assets-dest android/app/src/main/res/
就可以了,图片就可以运行了。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值