React native 环境搭建&项目初始化

1. 环境搭建

主要准备 ‘模拟器’ 设备
你需要准备一台 Android 设备来运行 React Native Android 应用。这里所指的设备既可以是真机，也可以是模拟器。Android 官方提供了名为 Android Virtual Device（简称 AVD）的模拟器，如何安装AVD。

2. 创建新项目

Install the CLI

$ npm i -g expo-cli 

创建新项目

$ npx create-react-native-app

创建过程可选

Need to install the following packages:
  create-react-native-app
Ok to proceed? (y) y
✔ What is your app named? … react-app
✔ How would you like to start › Template from expo/examples
✔ Pick an example › with-typescript
✔ Downloaded and extracted project files.

Using npm to install packages.

✔ Installed JavaScript dependencies.

✅ Your project is ready!

3. 项目运行

$ npm start

npm start

> react-app@1.0.0 start
> expo start

Starting project at /homeyummyc/Documents/newVo/yummyc/yumy-github/react-app
Starting Metro Bundler
可以直接扫此处二维码真机调试

› Metro waiting on exp://192.168.7.23:19000
› Scan the QR code above with Expo Go (Android) or the Camera app (iOS)

› Press a │ open Android
› Press w │ open web

› Press j │ open debugger
› Press r │ reload app
› Press m │ toggle menu

› Press ? │ show all commands
// 此处按a 打开AVD 
Logs for your project will appear below. Press Ctrl+C to exit.
› Opening on Android...

搭建成功效果图

效果图

3. 项目打包

• expo平台注册一个账号
• 开始打包

$ sudo npm install -g eas-cli
$ eas build -p android