Flutterのベストプラクティスを考える

[heki-dm]

Flutterのベストプラクティスを考える

• フォルダ構成
• MaterialAppの設定
• Layoutの作成

[heki-dm]

環境構築

環境は以下の構成で整える

• エディタ
  • VSCode or Cursor
• Flutter SDK

フォルダ構成

libフォルダ以下を示す

lib/
├── app.dart
├── components
│   ├── common
│   │   ├── driver_name.dart
│   │   └── toast.dart
│   ├── form
│   │   └── category_dropdown.dart
│   └── formula1
│       └── driver_card.dart
├── configs
│   ├── admin_menu.dart
│   ├── app_locale.dart
│   ├── destination.dart
│   └── logger.dart
├── extensions
│   ├── size.dart
│   ├── space_between.dart
│   └── theme.dart
├── l10n
│   ├── app_en.arb
│   ├── app_ja.arb
│   ├── app_localizations_en.dart
│   ├── app_localizations_ja.dart
│   └── app_localizations.dart
├── layouts
│   ├── admin_layout.dart
│   ├── app_layout.dart
│   └── auth_layout.dart
├── main.dart
├── pages
│   ├── admin
│   │   └── event
│   │       └── add_event.dart
│   ├── admin.dart
│   ├── dashboard.dart
│   ├── formula1.dart
│   └── game.dart
├── providers
│   └── locale_provider.dart
├── service
│   ├── api
│   │   └── dio_client.dart
│   ├── common
│   │   └── get_device.dart
│   └── db
│       └── supabase.dart
└── type
    ├── common
    │   └── device.dart
    └── event
        ├── category.dart
        ├── full_schedule.dart
        └── schedule.dart