Flutter触ってみる2

├── README.md
├── analysis_options.yaml
├── apps
│   ├── android
│   ├── build
│   ├── ios
│   ├── lib
│   │   └── main.dart
│   ├── macos
│   ├── pubspec.lock
│   ├── pubspec.yaml  // このファイルがないと、`flutter run` ができないので注意
│   ├── test
│   └── web
├── build
│   ├── 6b91c21d771f2f2637176955b70f5e34
│   ├── 955b378217de5a8ba81613eebb4bdc77
│   ├── ios
│   └── last_build_run.json
├── list_app.iml
├── melos.yaml
├── melos_list_app.iml
├── packages
│   ├── linux
│   └── windows
├── pubspec.lock
├── pubspec.yaml
└── renovate.json

name: list_app

environment:
  sdk: '>=3.3.0 <4.0.0'

dev_dependencies:
  flutter_lints: ^3.0.1
  melos: ^4.1.0

flutter:
  uses-material-design: true

name: list_app
description: "A new Flutter project."
publish_to: 'none'
version: 1.0.0+1

environment:
  sdk: '>=3.3.0 <4.0.0'

dependencies:
  flutter:
    sdk: flutter
  cupertino_icons: ^1.0.6
  go_router: ^13.2.0
  riverpod: ^2.5.0

dev_dependencies:
  flutter_test:
    sdk: flutter
  flutter_lints: ^3.0.0
  freezed: ^2.4.7

flutter:
  uses-material-design: true

import 'package:flutter/material.dart';

import 'next_page.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Navigator',
      initialRoute: '/',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      routes: {
        '/': (context) => HomeScreen(),
      },
    );
  }
}

class HomeScreen extends StatelessWidget {
  final items = List<String>.generate(10000, (i) => 'Item $i');

  HomeScreen({super.key});

  @override
  build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          backgroundColor: Theme.of(context).colorScheme.inversePrimary,
          title: const Text('リスト画面'),
        ),
        body: SizedBox(
          width: double.infinity,
          child: ListView.builder(
            itemCount: items.length,
            itemBuilder: (context, index) {
              return MyListItem(
                title: items[index],
                subtitle: 'サブタイトル',
                iconData: Icons.star,
              );
            },
          ),
        ));
  }
}

class MyListItem extends StatelessWidget {
  const MyListItem(
      {super.key,
      required this.title,
      required this.subtitle,
      required this.iconData});

  final IconData iconData;
  final String title;
  final String subtitle;

  @override
  Widget build(BuildContext context) {
    return ListTile(
      leading: Icon(iconData),
      title: Text(title),
      subtitle: Text(subtitle),
      trailing: const Icon(Icons.arrow_forward_ios),
      onTap: () {
        Navigator.push(
          context,
          MaterialPageRoute(
            builder: (context) => NextPage(title),
          ),
        );
      },
    );
  }
}