A Flutter package that provides 8 different animated icons to toggle between light and dark themes. Written purely in dart and CustomPainter for faster rendering and performance.
Description for the Light Dark Theme Toggle.
Description for the Light Dark Theme Toggle.
Description for the Light Dark Theme Toggle.
Description for the Light Dark Theme Toggle.
Description for the Light Dark Theme Toggle.
Description for the Light Dark Theme Toggle.
Description for the Light Dark Theme Toggle.
Description for the Light Dark Theme Toggle.
1. Add the latest version of the dependency to your pubspec.yaml:
dependencies:
light_dark_theme_toggle: ^1.1.22. Import the package to your dart file:
import 'package:light_dark_theme_toggle/light_dark_theme_toggle.dart';import 'package:flutter/material.dart';
import 'package:light_dark_theme_toggle/light_dark_theme_toggle.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
theme: ThemeData.light(),
darkTheme: ThemeData.dark(),
themeMode: ThemeMode.system,
home: Scaffold(
appBar: AppBar(title: Text('Light/Dark Theme Toggle')),
body: Center(
child: LightDarkThemeToggle(
value: false,
// Initial value (false for dark, true for light)
onChanged: (bool value) {
// Handle theme change here.
},
size: 48.0,
themeIconType: ThemeIconType.expand,
color: Colors.orange,
tooltip: 'Toggle Theme',
duration: Duration(milliseconds: 500),
curve: Curves.easeInOut,
),
),
),
);
}
}