react expo如何使用
使用 React Expo 的基本步骤
安装 Expo CLI
确保系统已安装 Node.js(建议版本 12 或更高)。通过以下命令全局安装 Expo CLI:
npm install -g expo-cli
创建新项目
使用以下命令初始化一个新的 Expo 项目:
expo init my-project
选择项目模板(如空白模板或带有导航的模板),等待依赖安装完成。
启动开发服务器
进入项目目录并启动开发服务器:
cd my-project
expo start
此命令会启动 Metro Bundler 并在浏览器中打开开发工具界面。
运行项目
- 物理设备:安装 Expo Go 应用(iOS/Android),扫描终端或浏览器中的二维码。
- 模拟器:通过开发工具界面选择 iOS 或 Android 模拟器(需提前安装 Xcode 或 Android Studio)。
开发与调试
- 修改
App.js文件即可实时预览更改。 - 使用 Chrome 开发者工具或 React Native Debugger 进行调试。
添加依赖
通过 expo install 安装 Expo 兼容的库:
expo install react-native-webview
构建与发布
- 本地构建:运行
expo build:android或expo build:ios生成安装包。 - 发布更新:使用
expo publish推送 OTA 更新。
关键功能与配置
使用 Expo SDK
在项目中直接调用 Expo 提供的模块(如相机、地理位置):
import * as Location from 'expo-location';
配置文件 (app.json)
修改 app.json 配置应用名称、图标等元数据:
{
"expo": {
"name": "My App",
"icon": "./assets/icon.png"
}
}
处理平台差异
通过 Platform 模块区分平台逻辑:

import { Platform } from 'react-native';
const isIOS = Platform.OS === 'ios';
注意事项
- Expo 不支持需要原生代码的第三方库(需使用
expo eject脱离托管工作流)。 - 开发时保持设备与电脑在同一网络环境以扫描二维码。
- 定期更新 Expo CLI 和 SDK 以获取最新功能和安全修复。






