da2c3ac4f0
Integrates the `toastification` package to provide clear and non-intrusive user feedback for operations like product not found. Refactors the reception scan page UI by extracting reusable widgets for the scan information text, the scan box, and the flash button. This improves code organization and readability. Switches the data source for reception details from API calls to the local ObjectBox database, improving performance and enabling offline access for this specific data. Corrects the display of scanned product information to show the barcode instead of a generic ID. Updates `go_router` to version 16.0.0.
87 lines
2.7 KiB
Dart
87 lines
2.7 KiB
Dart
import 'package:e_scan/router/router.dart';
|
|
import 'package:e_scan/themes/app_theme.dart';
|
|
import 'package:e_scan/utils/utils.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_localizations/flutter_localizations.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import 'package:responsive_framework/responsive_framework.dart';
|
|
import 'package:toastification/toastification.dart';
|
|
|
|
class App extends ConsumerStatefulWidget {
|
|
const App({super.key});
|
|
|
|
@override
|
|
ConsumerState<App> createState() => _AppState();
|
|
}
|
|
|
|
class _AppState extends ConsumerState<App> {
|
|
ThemeMode _themeMode = AppTheme.themeMode;
|
|
|
|
void setThemeMode(ThemeMode mode) => safeSetState(() {
|
|
_themeMode = mode;
|
|
AppTheme.saveThemeMode(mode);
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return ProviderScope(
|
|
overrides: [routerProvider],
|
|
child: _InnerApp(themeMode: _themeMode),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _InnerApp extends ConsumerWidget {
|
|
const _InnerApp({required this.themeMode});
|
|
final ThemeMode themeMode;
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
return ToastificationWrapper(
|
|
child: MaterialApp.router(
|
|
debugShowCheckedModeBanner: false,
|
|
title: "BarcodeScan",
|
|
locale: Locale('fr'),
|
|
supportedLocales: [Locale('fr', 'FR'), Locale('en', 'US')],
|
|
localizationsDelegates: [
|
|
GlobalMaterialLocalizations.delegate, // Support for Material widgets
|
|
GlobalWidgetsLocalizations.delegate, // Localization for widgets
|
|
GlobalCupertinoLocalizations
|
|
.delegate, // Support for Cupertino widgets
|
|
],
|
|
routerConfig: ref.watch(routerProvider),
|
|
builder: (context, widget) => ResponsiveBreakpoints.builder(
|
|
child: _ResponsiveWrapper(child: widget ?? const SizedBox.shrink()),
|
|
breakpoints: [
|
|
const Breakpoint(start: 0, end: 450, name: MOBILE),
|
|
const Breakpoint(start: 451, end: 800, name: TABLET),
|
|
],
|
|
),
|
|
theme: ThemeData(brightness: Brightness.light),
|
|
darkTheme: ThemeData(brightness: Brightness.dark),
|
|
themeMode: themeMode,
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _ResponsiveWrapper extends StatelessWidget {
|
|
const _ResponsiveWrapper({required this.child});
|
|
final Widget child;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return ResponsiveScaledBox(
|
|
width: ResponsiveValue<double?>(
|
|
context,
|
|
conditionalValues: [
|
|
const Condition.equals(name: MOBILE, value: 450),
|
|
const Condition.between(start: 800, end: 1100, value: 800),
|
|
const Condition.between(start: 1000, end: 1200, value: 1000),
|
|
],
|
|
).value,
|
|
child: child,
|
|
);
|
|
}
|
|
}
|