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

1. 环境准备

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

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

bash

# Node.js & Yarn
brew install node
npm install -g yarn

（2）安装 Android Studio

bash

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

（3）安装 React Native CLI

bash

npm install -g react-native-cli

2. 创建项目

bash

npx react-native init MyAndroidApp
cd MyAndroidApp

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

3. 启动开发环境

（1）打开 Android 模拟器

bash

emulator -avd Pixel_5_API_33

（2）运行项目

bash

npx react-native run-android

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

4. 写一个简单页面

编辑 App.js：

jsx

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. 常见开发技巧

调试工具：
- 使用 Flipper 或 React Native DevTools 调试。
- 真机摇一摇 / 模拟器快捷键 Ctrl+M 打开开发菜单。
热更新：
- Metro bundler 提供 Live Reload 和 Hot Reload，改代码立即生效。
常用库：
- 路由导航：react-navigation
- 网络请求：axios
- 状态管理：zustand 或 redux

6. 打包 Android APK

发布之前要打包：

bash

cd android
./gradlew assembleRelease

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

7. 总结

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

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

React Native Android App 开发指南

评论区 0