React Navigation v5 が推奨する認証フローの実装 - Qiita

はじめに 前回の記事に続いて、 React Navigation v5 に関する記事です。 Version 5.x では、公式ドキュメントで推奨の認証フローが紹介されています。 今回は、その認証フローの実装方法に関して記事にまとめました。 下準備 認証フローを実装するにあたり、アプリ全体で状態を管理する必要があります。 この記事では、 Context API を利用して実装します。 型定義 利用する型を定義します。 必要に応じて、Errorなどの状態・処理も追加してください。 type State = | { status: 'Unauthenticated'; token: string } | { status: 'Loading';} | { status: 'Authenticated'; token: string }; type Action = | { type: 'STAR