如果您已在使用React Native，就可以很轻松地以亚马逊Fire OS设备为目标进行开发，而无需学习新的技术栈或维护单独的代码库。Expo框架提供了一种简单、迅速的开发体验。本指南介绍了如何使用React Native来启动Fire TV和Fire平板电脑上应用的开发工作。
在开始之前，需要安装以下项：
- Node.js：JavaScript运行时环境
- npm或Yarn：适用于JavaScript的程序包管理器
- Android Studio：用于在本地编译和运行Fire OS应用的IDE
配置Android Studio及其命令行工具：
- 按照此指南设置ANDROID_HOME环境变量
- 通过Android Studio虚拟设备管理器安装以下模拟器
针对Fire平板电脑
针对Fire电视
在终端中，创建一个安装了expo程序包的新React Native项目：
npx create-expo-app FireTabletDemo --template blank在Fire平板电脑模拟器上运行
列出可用的avds，然后启动Android平板电脑：
emulator -list-avds
emulator -avd name-of-your-tablet-emulator导航到项目目录（例如FireTabletDemo）并使用npx运行应用：
cd FireTabletDemo
npx expo start -a
您的应用现在使用本地开发服务器和Expo Go在模拟器上运行，不必创建Android构建版本。
在实体平板电脑设备上运行
遵照此说明使用Android调试桥 (ADB) 连接到Fire平板电脑。之后，确认该平板电脑可作为设备使用：
adb devices -l
导航到项目目录，然后在目标设备上运行开发构建版本（例如KFTRWI）：
cd FireTabletDemo
npx expo run:android -d [deviceName]开发构建版本现在将安装在android目录中。
为Fire TV进行构建的流程和平板电脑相似。在一个新目录中，使用expo创建一个新的React Native项目，这里使用with-tv为例：
npx create-expo-app FireTVDemo -e with-tv在Fire TV模拟器上运行
启动Android电视模拟器：
emulator -avd name-of-your-tv-emulator导航到项目目录并运行您的应用：
cd FireTVDemo
npx expo start -a与Fire平板电脑类似，您的应用将在avd模拟器上运行，不必创建Android构建版本。
针对电视进行构建
要为电视进行构建，在app.json中将isTV属性设置为true：
{
"expo": {
"plugins": [
[
"@react-native-tvos/config-tv",
{
"isTV": true,
}
]
],
"name": "FireTVDemo",
"slug": "FireTVDemo"
}
}在Fire TV设备上运行项目
遵照此说明使用Android调试桥 (ADB) 连接到Fire TV。之后，确认Fire TV可作为设备使用：
adb devices -l
导航到项目目录，然后在目标设备上运行开发构建版本（例如-d AFTSS）:
cd FireTVDemo
npx expo run:android -d [deviceName]现在，您的设备上已安装了开发构建版本。
💡 要验证您的Android版本是否针对电视进行了优化，可检查应用是否使用Android清单文件中的Android Leanback功能。
恭喜您为Fire OS构建了第一个React Native应用！请查看以下额外资源，了解如何使用React Native为亚马逊设备构建应用。
- hello-world-fire-tv-react-native
- react-native-multi-tv-app-sample
- React-Native-IAP：用一个程序包搞定全部（仅提供英文版）
- React Native中Turbo模块的使用指南（请参见示例reactnative-turbo-module-demo）（仅提供英文版）
© 2010-2025 年，亚马逊公司或其附属公司. 保留所有权利。