Navigationパッケージの追加

オープンベータ版ドキュメント：本テクニカルドキュメントは、リリース前のオープンベータ版の一部としてAmazonから提供されるものです。ここで説明されている機能は、Amazonがフィードバックを受け取り、機能の開発を繰り返す過程で変更される可能性があります。最新の機能の情報については、リリースノートを参照してください。

ビデオの詳細画面を作成したので、Vega対応のReact Navigationパッケージとその依存関係をインポートしましょう。パッケージはまだ公開されていないため、package.jsonに手動で追加し、npmを使用してインストールする必要があります。React Navigationパッケージの使用方法の詳細については、こちらを参照してください。

プロジェクトのルートフォルダからpackage.jsonを開きます。
dependenciesセクションに移動し、最後のエントリの末尾にコンマを追加します。
改行して、次のパッケージリストを貼り付けます。

クリップボードにコピーしました。

"@amazon-devices/react-navigation__core": "~2.0.0",
"@amazon-devices/react-navigation__devtools": "~2.0.0",
"@amazon-devices/react-navigation__native": "~2.0.0",
"@amazon-devices/react-navigation__routers": "~2.0.0",
"@amazon-devices/react-navigation__stack": "~2.0.0",
"@amazon-devices/react-native-screens": "~2.0.0",

次に、パッケージをインストールしてアプリを再ビルドします。

別のターミナルウィンドウでプロジェクトフォルダに移動し、npm installを実行して新しいパッケージをインストールします。
パッケージがインストールされたら、アプリをビルドおよび実行する手順を再実行します。

これで、React Navigationパッケージをアプリで使用できるようになりました。