MrBlake/MrbWebLibre
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

use material dynamic color scheme

Browse Source
This commit is contained in:
Fabian Freund
2024-06-17 18:14:24 +02:00
parent 670743da5b
commit 6899d31195
10 changed files with 180 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/lib/core/error_observer.dart
+16
View File
@@ -0,0 +1,16 @@
import 'package:bang_navigator/core/logger.dart';
import 'package:riverpod/riverpod.dart';
class ErrorObserver extends ProviderObserver {
const ErrorObserver();
@override
void providerDidFail(
ProviderBase<Object?> provider,
Object error,
StackTrace stackTrace,
ProviderContainer container,
) {
logger.e('Provider $provider threw $error at $stackTrace');
}
}
app/lib/main.dart
+19 -95
View File
@@ -1,27 +1,12 @@
import 'package:bang_navigator/core/logger.dart';
import 'package:bang_navigator/core/providers.dart';
import 'package:bang_navigator/core/error_observer.dart';
import 'package:bang_navigator/domain/services/app_initialization.dart';
import 'package:bang_navigator/presentation/hooks/on_initialization.dart';
import 'package:bang_navigator/presentation/widgets/failure_widget.dart';
import 'package:bang_navigator/presentation/widgets/main_app.dart';
import 'package:dynamic_color/dynamic_color.dart';
import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:home_widget/home_widget.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
class _ErrorObserver extends ProviderObserver {
const _ErrorObserver();
@override
void providerDidFail(
ProviderBase<Object?> provider,
Object error,
StackTrace stackTrace,
ProviderContainer container,
) {
logger.e('Provider $provider threw $error at $stackTrace');
}
}
void main() async {
WidgetsFlutterBinding.ensureInitialized();
@@ -33,7 +18,7 @@ void main() async {
runApp(
ProviderScope(
observers: const [_ErrorObserver()],
observers: const [ErrorObserver()],
child: HookConsumer(
builder: (context, ref, child) {
useOnInitialization(
@@ -44,84 +29,23 @@ void main() async {
},
);
return const MainApp();
return DynamicColorBuilder(
builder: (lightDynamic, darkDynamic) {
return MainApp(
theme: ThemeData(
useMaterial3: true,
colorScheme: lightDynamic?.harmonized(),
),
darkTheme: ThemeData(
useMaterial3: true,
colorScheme: darkDynamic?.harmonized(),
),
themeMode: ThemeMode.dark,
);
},
);
},
),
),
);
}
class MainApp extends HookConsumerWidget {
const MainApp({super.key});
@override
Widget build(BuildContext context, WidgetRef ref) {
final initializationResult = ref.watch(appInitializationServiceProvider);
final router = ref.watch(routerProvider);
final themeData = useMemoized(
() => ThemeData(
useMaterial3: true,
brightness: Brightness.dark,
// colorScheme: ColorScheme.fromSeed(
// seedColor: const Color(0xFFFFB319),
// brightness: Brightness.dark,
// ),
),
);
return initializationResult.fold(
(initializationState) {
if (!initializationState.initialized) {
return MaterialApp(
debugShowCheckedModeBanner: false,
theme: themeData,
home: Scaffold(
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const CircularProgressIndicator(),
if (initializationState.stage != null)
Padding(
padding: const EdgeInsets.only(top: 8.0),
child: Text(initializationState.stage!),
),
],
),
),
),
);
}
return MaterialApp.router(
debugShowCheckedModeBanner: false,
theme: themeData,
routerConfig: router,
);
},
onFailure: (errorMessage) {
return MaterialApp(
debugShowCheckedModeBanner: false,
theme: themeData,
home: Scaffold(
appBar: AppBar(
title: const Text('Initiallization Error'),
),
body: Center(
child: FailureWidget(
title: 'Could not initialize App',
exception: errorMessage.toString(),
onRetry: () async {
await ref
.read(appInitializationServiceProvider.notifier)
.reinitialize();
},
),
),
),
);
},
);
}
}
app/lib/presentation/widgets/main_app.dart
+84
View File
@@ -0,0 +1,84 @@
import 'package:bang_navigator/core/providers.dart';
import 'package:bang_navigator/domain/services/app_initialization.dart';
import 'package:bang_navigator/presentation/widgets/failure_widget.dart';
import 'package:flutter/material.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
class MainApp extends HookConsumerWidget {
final ThemeData? theme;
final ThemeData? darkTheme;
final ThemeMode? themeMode;
const MainApp({
required this.theme,
required this.darkTheme,
required this.themeMode,
super.key,
});
@override
Widget build(BuildContext context, WidgetRef ref) {
final initializationResult = ref.watch(appInitializationServiceProvider);
final router = ref.watch(routerProvider);
return initializationResult.fold(
(initializationState) {
if (!initializationState.initialized) {
return MaterialApp(
debugShowCheckedModeBanner: false,
theme: theme,
darkTheme: darkTheme,
themeMode: themeMode,
home: Scaffold(
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const CircularProgressIndicator(),
if (initializationState.stage != null)
Padding(
padding: const EdgeInsets.only(top: 8.0),
child: Text(initializationState.stage!),
),
],
),
),
),
);
}
return MaterialApp.router(
debugShowCheckedModeBanner: false,
theme: theme,
darkTheme: darkTheme,
themeMode: themeMode,
routerConfig: router,
);
},
onFailure: (errorMessage) {
return MaterialApp(
debugShowCheckedModeBanner: false,
theme: theme,
darkTheme: darkTheme,
themeMode: themeMode,
home: Scaffold(
appBar: AppBar(
title: const Text('Initiallization Error'),
),
body: Center(
child: FailureWidget(
title: 'Could not initialize App',
exception: errorMessage.toString(),
onRetry: () async {
await ref
.read(appInitializationServiceProvider.notifier)
.reinitialize();
},
),
),
),
);
},
);
}
}