dynamic_theme_nullsafe 1.0.4 dynamic_theme_nullsafe: ^1.0.4 copied to clipboard
Changes the theme during runtime, also presists brightness settings across restarts
import 'package:dynamic_theme_nullsafe/dynamic_theme_nullsafe.dart';
import 'package:flutter/material.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return DynamicThemeNullsafe(
defaultThemeMode: ThemeMode.light,
loadThemeOnStart: true,
data: (mode) => ThemeData(
primarySwatch: Colors.indigo,
brightness: mode == ThemeMode.dark ? Brightness.dark : Brightness.light,
),
themedWidgetBuilder: (
BuildContext context,
ThemeMode mode,
ThemeData? data,
) {
return MaterialApp(
themeMode: mode,
title: 'Flutter Demo',
theme: data,
home: const MyHomePage(title: 'Flutter Demo Home Page'),
);
},
);
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({Key? key, required this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Easy Theme'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
ElevatedButton(
onPressed: DynamicThemeNullsafe.of(context).toggleThemeMode,
child: const Text('Toggle brightness'),
),
const SizedBox(height: 16),
ElevatedButton(
onPressed: changeColor,
child: const Text('Change color'),
),
],
),
),
floatingActionButton: FloatingActionButton(
onPressed: showChooser,
child: const Icon(Icons.add),
),
bottomNavigationBar: BottomNavigationBar(
items: const <BottomNavigationBarItem>[
BottomNavigationBarItem(
icon: Icon(Icons.insert_drive_file),
label: 'Tab 1',
),
BottomNavigationBarItem(
icon: Icon(Icons.show_chart),
label: 'Tab 2',
),
],
),
);
}
void showChooser() {
showDialog<void>(
context: context,
builder: (BuildContext context) {
return BrightnessSwitcherDialog(
onSelectedTheme: (ThemeMode mode) {
DynamicThemeNullsafe.of(context).setThemeMode(mode);
},
);
},
);
}
void changeColor() {
DynamicThemeNullsafe.of(context).setThemeData(
ThemeData(
primaryColor: Theme.of(context).primaryColor == Colors.indigo ? Colors.red : Colors.indigo,
),
);
}
}