开始之前,先了解一下UniApp和React Native的优缺点吧~
| UniApp | React 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老皮