Last active
September 17, 2024 13:23
-
-
Save Mastersam07/7f42d0a499f3bc43cf6cd20caaaa73a1 to your computer and use it in GitHub Desktop.
Conference App Widgetbook
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import 'package:cave/cave.dart'; | |
| import 'package:flutter/material.dart'; | |
| import 'package:widgetbook/widgetbook.dart'; | |
| import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook; | |
| import 'main.directories.g.dart'; | |
| void main() { | |
| runApp(const WidgetbookApp()); | |
| } | |
| @widgetbook.App() | |
| class WidgetbookApp extends StatelessWidget { | |
| const WidgetbookApp({super.key}); | |
| @override | |
| Widget build(BuildContext context) { | |
| return Widgetbook.material( | |
| directories: directories, | |
| addons: [ | |
| BuilderAddon( | |
| name: 'ScreenUtil', | |
| builder: (context, child) { | |
| return ScreenUtilInit( | |
| designSize: const Size(430, 956), | |
| minTextAdapt: true, | |
| splitScreenMode: true, | |
| // This is needed to use the workbench [MediaQuery] | |
| useInheritedMediaQuery: true, | |
| builder: (context, child) => child!, | |
| child: child, | |
| ); | |
| }, | |
| ), | |
| DeviceFrameAddon( | |
| devices: [ | |
| DeviceInfo.genericPhone( | |
| platform: TargetPlatform.iOS, | |
| id: 'custom-device', | |
| name: 'Designer Frame', | |
| screenSize: const Size(430, 960), | |
| ), | |
| ...Devices.ios.all.where( | |
| (element) => element.identifier.type == DeviceType.phone), | |
| ...Devices.android.all.where( | |
| (element) => element.identifier.type == DeviceType.phone), | |
| ], | |
| initialDevice: Devices.ios.iPhone13ProMax, | |
| ), | |
| ThemeAddon( | |
| themes: [ | |
| WidgetbookTheme( | |
| name: 'Light', | |
| data: ThemeData( | |
| brightness: Brightness.light, | |
| colorScheme: ColorScheme.fromSeed( | |
| seedColor: Colors.deepPurple, | |
| brightness: Brightness.light, | |
| ), | |
| useMaterial3: true, | |
| textTheme: const TextTheme(bodyMedium: TextStyle()), | |
| extensions: <ThemeExtension<dynamic>>[ | |
| DevFestThemeData.light(), | |
| ], | |
| ), | |
| ), | |
| WidgetbookTheme( | |
| name: 'Dark', | |
| data: ThemeData( | |
| brightness: Brightness.dark, | |
| colorScheme: ColorScheme.fromSeed( | |
| seedColor: Colors.deepPurple, | |
| brightness: Brightness.dark, | |
| ), | |
| useMaterial3: true, | |
| textTheme: const TextTheme(bodyMedium: TextStyle()), | |
| extensions: <ThemeExtension<dynamic>>[ | |
| DevFestThemeData.dark(), | |
| ], | |
| ), | |
| ), | |
| ], | |
| themeBuilder: (context, theme, child) { | |
| final isDark = theme.brightness == Brightness.dark ? true : false; | |
| return MaterialApp( | |
| debugShowCheckedModeBanner: false, | |
| theme: theme.copyWith( | |
| extensions: [ | |
| isDark ? DevFestThemeData.dark() : DevFestThemeData.light() | |
| ], | |
| ), | |
| home: Material(child: child), | |
| ); | |
| }, | |
| ) | |
| ], | |
| ); | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
DevFestThemeData
DevfestTextTheme