setting screen added
This commit is contained in:
parent
e3d59949af
commit
6646955726
@ -1,5 +1,6 @@
|
||||
import 'package:e_receipt_mobile/core/theme/app_colors.dart';
|
||||
import 'package:e_receipt_mobile/presentation/login/login_page.dart';
|
||||
import 'package:e_receipt_mobile/presentation/settings/theme_mode_provider.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||
@ -21,14 +22,17 @@ void main() {
|
||||
runApp(const ProviderScope(child: EReceiptApp()));
|
||||
}
|
||||
|
||||
class EReceiptApp extends StatelessWidget {
|
||||
class EReceiptApp extends ConsumerWidget {
|
||||
const EReceiptApp({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
Widget build(BuildContext context, WidgetRef ref) {
|
||||
final themeMode = ref.watch(appThemeModeProvider);
|
||||
|
||||
return MaterialApp(
|
||||
title: 'E-Receipt',
|
||||
debugShowCheckedModeBanner: false,
|
||||
themeMode: themeMode,
|
||||
theme: ThemeData(
|
||||
colorScheme: ColorScheme.fromSeed(
|
||||
seedColor: AppColors.primary,
|
||||
@ -45,6 +49,22 @@ class EReceiptApp extends StatelessWidget {
|
||||
),
|
||||
useMaterial3: true,
|
||||
),
|
||||
darkTheme: ThemeData(
|
||||
colorScheme: ColorScheme.fromSeed(
|
||||
seedColor: AppColors.primary,
|
||||
brightness: Brightness.dark,
|
||||
),
|
||||
appBarTheme: const AppBarTheme(
|
||||
backgroundColor: AppColors.primary,
|
||||
foregroundColor: Colors.white,
|
||||
systemOverlayStyle: SystemUiOverlayStyle(
|
||||
statusBarColor: AppColors.primary,
|
||||
statusBarIconBrightness: Brightness.light,
|
||||
statusBarBrightness: Brightness.dark,
|
||||
),
|
||||
),
|
||||
useMaterial3: true,
|
||||
),
|
||||
home: const LoginPage(),
|
||||
);
|
||||
}
|
||||
|
||||
@ -3,6 +3,7 @@ import 'package:e_receipt_mobile/domain/entities/login_user.dart';
|
||||
import 'package:e_receipt_mobile/presentation/auth/session_controller.dart';
|
||||
import 'package:e_receipt_mobile/presentation/home/home_view_model.dart';
|
||||
import 'package:e_receipt_mobile/presentation/login/login_page.dart';
|
||||
import 'package:e_receipt_mobile/presentation/settings/settings_screen.dart';
|
||||
import 'package:e_receipt_mobile/presentation/terminal/terminal_selection_screen.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||
@ -92,7 +93,11 @@ class HomeScreen extends ConsumerWidget {
|
||||
),
|
||||
onTap: () {
|
||||
Navigator.of(context).pop();
|
||||
_showComingSoon(context, 'Settings');
|
||||
Navigator.of(context).push(
|
||||
MaterialPageRoute<void>(
|
||||
builder: (_) => const SettingsScreen(),
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
ListTile(
|
||||
|
||||
65
lib/presentation/settings/settings_screen.dart
Normal file
65
lib/presentation/settings/settings_screen.dart
Normal file
@ -0,0 +1,65 @@
|
||||
import 'package:e_receipt_mobile/presentation/settings/theme_mode_provider.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||
|
||||
class SettingsScreen extends ConsumerWidget {
|
||||
const SettingsScreen({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context, WidgetRef ref) {
|
||||
final selectedMode = ref.watch(appThemeModeProvider);
|
||||
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: const Text('Settings'),
|
||||
centerTitle: true,
|
||||
),
|
||||
body: ListView(
|
||||
padding: const EdgeInsets.all(16),
|
||||
children: [
|
||||
Text(
|
||||
'Theme',
|
||||
style: Theme.of(context).textTheme.titleLarge,
|
||||
),
|
||||
const SizedBox(height: 8),
|
||||
Card(
|
||||
child: Column(
|
||||
children: [
|
||||
RadioListTile<ThemeMode>(
|
||||
title: const Text('Light'),
|
||||
value: ThemeMode.light,
|
||||
groupValue: selectedMode,
|
||||
onChanged: (value) {
|
||||
if (value != null) {
|
||||
ref.read(appThemeModeProvider.notifier).state = value;
|
||||
}
|
||||
},
|
||||
),
|
||||
RadioListTile<ThemeMode>(
|
||||
title: const Text('Dark'),
|
||||
value: ThemeMode.dark,
|
||||
groupValue: selectedMode,
|
||||
onChanged: (value) {
|
||||
if (value != null) {
|
||||
ref.read(appThemeModeProvider.notifier).state = value;
|
||||
}
|
||||
},
|
||||
),
|
||||
RadioListTile<ThemeMode>(
|
||||
title: const Text('System'),
|
||||
value: ThemeMode.system,
|
||||
groupValue: selectedMode,
|
||||
onChanged: (value) {
|
||||
if (value != null) {
|
||||
ref.read(appThemeModeProvider.notifier).state = value;
|
||||
}
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
6
lib/presentation/settings/theme_mode_provider.dart
Normal file
6
lib/presentation/settings/theme_mode_provider.dart
Normal file
@ -0,0 +1,6 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||
|
||||
final appThemeModeProvider = StateProvider<ThemeMode>((ref) {
|
||||
return ThemeMode.system;
|
||||
});
|
||||
Loading…
Reference in New Issue
Block a user