react-native环境搭建Android篇

开始之前,先了解一下UniApp和React Native的优缺点吧~

UniAppReact Native
优点:优点:
开发速度快,可以使用Vue.js的熟悉语法性能接近原生应用
支持自动化构建,一次编写多端发布对动画和低级别的自定义接口支持良好
社区支持较好,有丰富的组件库和插件可供使用可以使用JavaScript直接调用原生API
缺点:缺点:
性能不如RN学习曲线陡峭,需要熟悉JavaScript和React
对于低级别的自定义组件或动画支持有限需要为不同平台单独维护代码
更新可能不如RN及时开发速度可能较慢,因为需要等待编译和打包
----更新和维护工具链比UniApp复杂

在选择UniApp还是React Native时,应考虑项目的具体需求和目标平台。如果需要快速开发和多端发布,UniApp可能是更好的选择。如果对性能、自定义组件和动画有高要求,或者想要更接近原生的体验,RN可能是更好的选择。

综上,基于我们是自研的APP,自然是选择性能接近原生应用的RN了,这也是领导考虑的重要原因之一。不过这学习曲线确实也是令人望而生畏。

接下来就开始整活吧!首先是搭建开发环境(暂时只搭建了安卓的,IOS随后会补上笔记)

开发平台

windows11

安装依赖

1、Node:18.2.0

这个我是装了两个版本的,因为我其他的项目用的是16版本的,最高只支持17版本的。

2、React Native:0.74
3、JDK:17

这个是需要配置环境变量的,配置方法网上也有哦,不多赘述

4、yarn
npm install -g yarn

5、gradle:8.6

安装 Android Studio

1、这个需要确保下载了Android SDK、Android SDK Platform(我的是34版本的)、Android Virtual Device
2、配置 ANDROID_HOME 环境变量
一般在设置->SDK Manager->Languages & Frameworks->Android SDK目录下能找到sdk的安装位置,直接配上就好了
3、把一些工具目录添加到环境变量 Path

%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\emulator
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin

4、创建新项目

npx react-native init yd // 我们项目是叫做云盯

5、编译并运行 React Native 应用

cd yd
yarn android

综上,环境就搭好了!虽然写起来很简单,但是这个过程我用了一天…(再次泪奔)

最后

如果想要成为架构师或想突破20~30K薪资范畴,那就不要局限在编码,业务,要会选型、扩展,提升编程思维。此外,良好的职业规划也很重要,学习的习惯很重要,但是最重要的还是要能持之以恒,任何不能坚持落实的计划都是空谈。

如果你没有方向,这里给大家分享一套由阿里高级架构师编写的《Android八大模块进阶笔记》,帮大家将杂乱、零散、碎片化的知识进行体系化的整理,让大家系统而高效地掌握Android开发的各个知识点。
img
相对于我们平时看的碎片化内容,这份笔记的知识点更系统化,更容易理解和记忆,是严格按照知识体系编排的。

欢迎大家一键三连支持,若需要文中资料,直接扫描文末CSDN官方认证微信卡片免费领取↓↓↓(文末还有ChatGPT机器人小福利哦,大家千万不要错过)

PS:群里还设有ChatGPT机器人,可以解答大家在工作上或者是技术上的问题
图片

  • 5
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
搭建 React Native 环境需要以下步骤: 1. 安装 Node.js React Native 依赖 Node.js 运行环境,因此需要先安装 Node.js。你可以在官网上下载适合你操作系统的版本并安装。 2. 安装 React Native 命令行工具 在终端中运行以下命令安装 React Native 命令行工具: ``` npm install -g react-native-cli ``` 3. 安装 Java SE Development Kit 安装 Java SE Development Kit (JDK) 是因为 React Native 的一些依赖需要 Java。你可以在官网上下载适合你的操作系统的版本并安装。 4. 安装 Android Studio 安装 Android Studio 是因为 React Native 开发需要 Android 环境,Android Studio 提供了 Android 的开发工具和模拟器。你可以在官网上下载适合你操作系统的版本并安装。 5. 配置 Android SDK 在 Android Studio 中配置 Android SDK。打开 Android Studio,选择 "Configure" -> "SDK Manager",在 "SDK Platforms" 标签页中选择相应的 Android 版本并安装,然后在 "SDK Tools" 标签页中安装 "Android SDK Build-Tools" 和 "Android SDK Platform-Tools"。 6. 配置环境变量 将以下路径添加到环境变量中: ``` ANDROID_HOME=<path to Android SDK> ``` 将 `<path to Android SDK>` 替换成你的 Android SDK 的路径。在 macOS 或 Linux 中,可以将以上命令添加到 `~/.bash_profile` 文件中。 7. 创建 React Native 项目 在终端中运行以下命令创建一个新的 React Native 项目: ``` react-native init <project name> ``` 将 `<project name>` 替换成你的项目名称。等待一段时间,直到项目创建完成。 8. 运行 React Native 项目 进入项目目录,运行以下命令启动项目: ``` cd <project name> react-native run-android ``` React Native 将会自动编译和安装应用程序到模拟器或连接的设备中。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值