[App-Staff]: ボトムナビゲーション

[blendthink]

概要

空のページを作成して、ボトムナビゲーションのタブ遷移できるようにする。

https://www.figma.com/design/Uv4GhHJoibnjrxdbnbHzMw/FlutterKaigi-2024-Web-%2B-App?node-id=335-5145&t=CFxybX7qKM31Loho-4

やること

• l10n 対応
  • flutter_localizations
  • タブとページのタイトルのみ
  • 日本語と英語
• タブ４つ分の空のページを作成
• MainPage の作成
• 必要なパッケージ導入
  • Riverpod
  • hooks_riverpod
  • riverpod_annotation
  • build_runner
  • custom_lint
  • riverpod_generator:
  • riverpod_lint
  • GoRouter
  • go_router
  • go_router_builder
• タブ４つのルーティング設定を作成

参考文献

• https://github.com/yumemi-inc/flutter-mobile-project-template/blob/main/apps/app/lib/router/routes/main/main_page_shell_route.dart
• https://github.com/yumemi-inc/flutter-mobile-project-template/blob/main/apps/app/lib/main_page.dart