Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dotupnet/dotup_flutter_themed
Easy Flutter Themes
https://github.com/dotupnet/dotup_flutter_themed
android-app cross-platform dart flutter ios-app linux macos themes windows
Last synced: 1 day ago
JSON representation
Easy Flutter Themes
- Host: GitHub
- URL: https://github.com/dotupnet/dotup_flutter_themed
- Owner: dotupNET
- License: gpl-3.0
- Created: 2021-11-17T11:54:35.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2024-04-06T09:52:46.000Z (6 months ago)
- Last Synced: 2024-09-26T00:01:59.167Z (1 day ago)
- Topics: android-app, cross-platform, dart, flutter, ios-app, linux, macos, themes, windows
- Language: Dart
- Homepage: https://dotup.de
- Size: 35.2 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
![flutter](https://badgen.net/pub/flutter-platform/xml) [![License: GPL v3](https://img.shields.io/badge/License-GPLv3-blue.svg)](https://www.gnu.org/licenses/gpl-3.0) ![forks](https://badgen.net/github/forks/dotupNET/dotup_flutter_themed/) ![stars](https://badgen.net/github/stars/dotupNET/dotup_flutter_themed/)
# dotup_flutter_themed
Easy Flutter themes - Extend your themes with custom theme data
## Easy usage
```dart
// Powered by https://dotup.de
// Copyright (c) 2021, dotup IT solutions - Peter Ullrichclass ThemedApp extends StatelessWidget {
const ThemedApp({Key? key}) : super(key: key);@override
Widget build(BuildContext context) {
return ThemeBuilder(
// Provide your theme data
data: ThemeQueryData(
dark: ThemeData.dark(),
light: ThemeData.light(),
),
builder: (dark, light, themeMode) {
// Get your theme from builder
return MaterialApp(
debugShowCheckedModeBanner: false,
darkTheme: dark,
theme: light,
themeMode: themeMode,
home: const ThemedHome(),
);
},
);
}
}class ThemedHome extends StatelessWidget {
const ThemedHome({
Key? key,
}) : super(key: key);@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
actions: [
IconButton(
onPressed: () {
// Toggle theme mode
final x = ThemeQuery.of(context);
x.toggleThemeMode();
},
icon: const Icon(Icons.dark_mode)),
],
),
body: Center(
child: Column(
children: const [
Text('Nice!'),
Text('https://flutter-apps.ml'),
],
),
),
);
}
}
```
## Advanced usage> Extend your themes with custom theme data
```dart
// Powered by https://dotup.de
// Copyright (c) 2021, dotup IT solutions - Peter Ullrich// Define what you want additionally in dark and light theme
class MyThemeExtensions {
late Color brandColor;MyThemeExtensions({
Color? brandColor,
}) : brandColor = brandColor ?? Colors.green.shade400;
}// Define your own theme query data for easy access
class MyTheme extends CustomThemeQueryData {
MyTheme({
required ThemeData dark,
required ThemeData light,
ThemeMode themeMode = ThemeMode.dark,
}) : super(
dark: dark,
light: light,
themeMode: themeMode,
darkCustom: MyThemeExtensions(brandColor: Colors.blue.shade400),
lightCustom: MyThemeExtensions(brandColor: Colors.white70),
);static MyTheme of(BuildContext context) {
return ThemeQuery.of(context);
}
}class ThemedApp extends StatelessWidget {
const ThemedApp({Key? key}) : super(key: key);@override
Widget build(BuildContext context) {
return ThemeBuilder(
// Provide your theme data
data: MyTheme(
dark: ThemeData.dark(),
light: ThemeData.light(),
),
builder: (dark, light, themeMode) {
// Get your theme from builder
return MaterialApp(
debugShowCheckedModeBanner: false,
darkTheme: dark,
theme: light,
themeMode: themeMode,
home: const ThemedHome(),
);
},
);
}
}class ThemedHome extends StatelessWidget {
const ThemedHome({
Key? key,
}) : super(key: key);@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
actions: [
IconButton(
onPressed: () {
// Toggle theme mode
final x = MyTheme.of(context);
x.toggleThemeMode();
},
icon: Icon(
Icons.language,
// Get your custom value for the current theme mode
color: MyTheme.of(context).custom.brandColor,
)),
],
),
body: Center(
child: Column(
children: const [
Text('Nice!'),
Text('https://flutter-apps.ml'),
],
),
),
);
}
}```
## Install
`flutter pub add dotup_flutter_themed`## Links
> ### dotup_flutter_themed on [pub.dev](https://pub.dev/packages/dotup_flutter_themed)
>
> ### Other widgets on [pub.dev](https://pub.dev/packages?q=dotup)
>
> ### Other open source flutter projects on [Github](https://github.com/search?q=dotup_flutter)
>
> ### Other open source dart projects on [Github](https://github.com/search?q=dotup_dart)# Flutter simulator | DFFP3
> Go to [https://flutter-apps.ml](https://flutter-apps.ml) and check out the awesome flutter simulator !![Flutter simulator](https://flutter-apps.ml/wp-content/uploads/2021/10/Bildschirmfoto-2021-10-31-um-11.34.42-2048x1335.png)
> ## [dotup IT solutions](https://dotup.de)