如果您已在使用React Native,就可以很轻松地以亚马逊Fire OS设备为目标进行开发,而无需学习新的技术栈或维护单独的代码库。Expo框架提供了一种简单、迅速的开发体验。本指南介绍了如何使用React Native来启动Fire TV和Fire平板电脑上应用的开发工作。
在开始之前,需要安装以下项:
配置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为亚马逊设备构建应用。