React Native Android App 开发指南

想做 Android App，又不想死磕 Java/Kotlin？那 React Native 就是你的好搭档！它用 JavaScript/TypeScript + React 语法，让你写出跨平台原生应用。今天这篇就带你从零开始，跑通一个 React Native 的 Android 项目。

1. 环境准备

（1）安装 Node.js 和包管理工具

• 推荐 Node.js LTS 版本（18+）。
• 包管理工具用 yarn 或 npm，都能跑，习惯用哪个就哪个。

# Node.js & Yarnbrew install nodenpm install -g yarn

（2）安装 Android Studio

• 下载地址：Android Studio 官网
• 装好后记得安装 Android SDK、Android SDK Platform、Android Virtual Device (AVD)。
• 在终端里加环境变量（macOS / Linux）：

export ANDROID_HOME=$HOME/Library/Android/sdkexport PATH=$PATH:$ANDROID_HOME/emulator:$ANDROID_HOME/platform-tools

（3）安装 React Native CLI

npm install -g react-native-cli

2. 创建项目

npx react-native init MyAndroidAppcd MyAndroidApp

这就新建了一个 React Native 项目，目录里会有 android/ 文件夹，对应 Android 原生代码。

3. 启动开发环境

（1）打开 Android 模拟器

emulator -avd Pixel_5_API_33

（2）运行项目

npx react-native run-android

如果你插了真机（需要开启 USB 调试），它也会直接部署到手机上。

4. 写一个简单页面

编辑 App.js：

import React from 'react';import { View, Text, StyleSheet } from 'react-native';export default function App() {  return (    <View style={styles.container}>      <Text style={styles.text}>Hello React Native Android!</Text>    </View>  );}const styles = StyleSheet.create({  container: {    flex: 1,    justifyContent: "center",    alignItems: "center",    backgroundColor: "#f2f2f2",  },  text: {    fontSize: 20,    color: "#333",  },});

保存后，APP 会自动刷新，看到 Hello World 就说明环境成功啦。 🎉

5. 常见开发技巧

1. 调试工具：

   • 使用 Flipper 或 React Native DevTools 调试。
   • 真机摇一摇 / 模拟器快捷键 Ctrl+M 打开开发菜单。

2. 热更新：

   • Metro bundler 提供 Live Reload 和 Hot Reload，改代码立即生效。

3. 常用库：

   • 路由导航：react-navigation
   • 网络请求：axios
   • 状态管理：zustand 或 redux

6. 打包 Android APK

发布之前要打包：

cd android./gradlew assembleRelease

APK 会出现在 android/app/build/outputs/apk/release/app-release.apk，可以直接安装到 Android 手机。

7. 总结

• React Native 让你用 JavaScript/TypeScript 写 Android App，跨平台省心省力。
• 搭建好环境后，一条命令就能运行在模拟器或真机。
• 配合常用库和调试工具，开发效率非常高。

一句话：React Native = 写网页的速度，跑原生的体验。 🚀