|
import 'package:flutter/material.dart'; |
|
import 'package:provider/provider.dart'; |
|
|
|
void main() => runApp(MyApp()); |
|
|
|
ThemeData __theme = ThemeData.light(); |
|
ValueNotifier<ThemeData> themeData = ValueNotifier<ThemeData>(__theme); |
|
|
|
class MyApp extends StatelessWidget { |
|
// This widget is the root of your application. |
|
@override |
|
Widget build(BuildContext context) { |
|
return MyHomePage( |
|
title: 'Flutter Demo Home Page', |
|
themeData: themeData, |
|
); |
|
} |
|
} |
|
|
|
class MyHomePage extends StatefulWidget { |
|
MyHomePage({Key key, this.title, this.themeData}) : super(key: key); |
|
|
|
// This widget is the home page of your application. It is stateful, meaning |
|
// that it has a State object (defined below) that contains fields that affect |
|
// how it looks. |
|
|
|
// This class is the configuration for the state. It holds the values (in this |
|
// case the title) provided by the parent (in this case the App widget) and |
|
// used by the build method of the State. Fields in a Widget subclass are |
|
// always marked "final". |
|
|
|
final String title; |
|
final ValueNotifier<ThemeData> themeData; |
|
|
|
@override |
|
_MyHomePageState createState() => _MyHomePageState(); |
|
} |
|
|
|
class _MyHomePageState extends State<MyHomePage> { |
|
int _counter = 0; |
|
|
|
void toggleTheme() { |
|
final newTheme = themeData.value.brightness == Brightness.dark |
|
? ThemeData.light() |
|
: ThemeData.dark(); |
|
print('''newTheme : |
|
{\ntheme.brightness: ${newTheme.brightness}, \ntheme.iconColor: ${newTheme.iconTheme.color},\n} |
|
'''); |
|
themeData.value = newTheme; |
|
} |
|
|
|
void _incrementCounter() { |
|
setState(() { |
|
// This call to setState tells the Flutter framework that something has |
|
// changed in this State, which causes it to rerun the build method below |
|
// so that the display can reflect the updated values. If we changed |
|
// _counter without calling setState(), then the build method would not be |
|
// called again, and so nothing would appear to happen. |
|
_counter++; |
|
if (_counter % 2 == 0) { |
|
toggleTheme(); |
|
} |
|
}); |
|
} |
|
|
|
@override |
|
Widget build(BuildContext context) { |
|
// This method is rerun every time setState is called, for instance as done |
|
// by the _incrementCounter method above. |
|
// |
|
// The Flutter framework has been optimized to make rerunning build methods |
|
// fast, so that you can just rebuild anything that needs updating rather |
|
// than having to individually change instances of widgets. |
|
|
|
/** |
|
* return ChangeNotifierProvider<ValueNotifier<ThemeData>>.value( |
|
notifier: themeData, |
|
child: Consumer<ThemeData>( |
|
builder: (context, currentTheme, child) => MaterialApp( |
|
* |
|
*/ |
|
return ChangeNotifierProvider<ValueNotifier<ThemeData>>( |
|
builder: (_) => themeData, |
|
child: Consumer<ValueNotifier<ThemeData>>( |
|
builder: (_, themeDataProvider, __) => MaterialApp( |
|
title: 'Flutter Demo', |
|
theme: themeDataProvider.value, |
|
home: Scaffold( |
|
appBar: AppBar( |
|
// Here we take the value from the MyHomePage object that was created by |
|
// the App.build method, and use it to set our appbar title. |
|
title: Text(widget.title), |
|
), |
|
body: Center( |
|
// Center is a layout widget. It takes a single child and positions it |
|
// in the middle of the parent. |
|
child: Column( |
|
// Column is also a layout widget. It takes a list of children and |
|
// arranges them vertically. By default, it sizes itself to fit its |
|
// children horizontally, and tries to be as tall as its parent. |
|
// |
|
// Invoke "debug painting" (press "p" in the console, choose the |
|
// "Toggle Debug Paint" action from the Flutter Inspector in Android |
|
// Studio, or the "Toggle Debug Paint" command in Visual Studio Code) |
|
// to see the wireframe for each widget. |
|
// |
|
// Column has various properties to control how it sizes itself and |
|
// how it positions its children. Here we use mainAxisAlignment to |
|
// center the children vertically; the main axis here is the vertical |
|
// axis because Columns are vertical (the cross axis would be |
|
// horizontal). |
|
mainAxisAlignment: MainAxisAlignment.center, |
|
children: <Widget>[ |
|
Text( |
|
'You have pushed the button this many times:', |
|
), |
|
Text( |
|
'$_counter', |
|
style: TextStyle( |
|
fontSize: 24.0, |
|
), |
|
), |
|
], |
|
), |
|
), |
|
floatingActionButton: Row( |
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: <Widget>[ |
|
FloatingActionButton( |
|
child: IconButton( |
|
color: Theme.of(context).iconTheme.color, |
|
onPressed: () { |
|
_incrementCounter(); |
|
setState(() {}); |
|
}, |
|
icon: ImageIcon( |
|
Image.asset('images/ic_add_custom.png').image, |
|
color: Theme.of(context).iconTheme.color, |
|
), |
|
), |
|
onPressed: () {}, |
|
tooltip: 'Increment(Custom)', |
|
), |
|
FloatingActionButton( |
|
onPressed: _incrementCounter, |
|
tooltip: 'Increment', |
|
child: Icon(Icons.add), |
|
), |
|
], |
|
), // This trailing comma makes auto-formatting nicer for build methods. |
|
), |
|
), |
|
), |
|
); |
|
} |
|
} |