react-native环境搭建Android篇

248 阅读2分钟

开始之前,先了解一下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

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

Android资料移步公主号:Android老皮