【Flutter】 Switch.adaptiveウィジェットがOFFになっている時のトグルスイッチの輪郭線の色を変更したい

はじめに

表題の通りトグルスイッチの輪郭線の色を変更するコードを紹介する。

BeforeAfter

• 変更前
  

• 変更後
  

変更用コード

class MyApp extends ConsumerWidget {
  const MyApp({super.key});
  @override
  Widget build(BuildContext context, WidgetRef ref) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
        //下記.copyWith()を追加
      ).copyWith(
        colorScheme:
            Theme.of(context).colorScheme.copyWith(outline: Colors.deepPurple),
      ),
      home: AlarmList(),
    );
  }
}