下記のようにdarkモードとlightモードを切り替えるコードで
Theme.of(context).primaryColorが切り替わらないのは何故ですか?
また、正しくdarkモードとlightモードで切り替えたい場合どのように記載するのが良いですか?
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatefulWidget {
MyAppState createState() => MyAppState();
}
class MyAppState extends State<MyApp> {
bool dark = false;
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: dark ? ThemeData.dark() : ThemeData.light(),
home: Scaffold(
appBar: AppBar(title: Text('Toggle theme sample')),
body: ListView(
padding: const EdgeInsets.all(8),
children: <Widget>[
SwitchListTile(
value: dark,
title: const Text('DarkTheme'),
onChanged: (bool v) => setState(() => dark = v),
),
Row(children: [
Text('primaryColor'),
Container(
width: 20,
height: 20,
color: Theme.of(context).primaryColor)
]),
Row(children: [
Text('accentColor'),
Container(
width: 20,
height: 20,
color: Theme.of(context).backgroundColor)
]),
],
)),
);
}
}