Flutter3で、最新のMaterial Design 3に対応したので、Flutterプロジェクト側でその対応をしてみます。
以下の2つを追加することでFlutterプロジェクトをMaterial Design 3に対応させます。
useMaterial3: true
を追加するcolorSchemeSeed
で配色を設定するimport 'package:flutter/material.dart';
void main() {
runApp(
const ProviderScope(
child: App(),
),
);
}
class App extends ConsumerWidget {
const App({Key? key}) : super(key: key);
Widget build(BuildContext context, WidgetRef ref) {
final router = ref.watch(routerProvider);
return MaterialApp(
title: 'Material3',
theme: ThemeData(
useMaterial3: true,
brightness: Brightness.light,
colorSchemeSeed: Colors.blueGrey,
),
darkTheme: ThemeData(
useMaterial3: true,
brightness: Brightness.dark,
colorSchemeSeed: Colors.blueGrey,
),
),
}
}