setting screen added

This commit is contained in:
MooN 2026-02-15 01:11:20 +06:30
parent e3d59949af
commit 6646955726
4 changed files with 99 additions and 3 deletions

View File

@ -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(),
);
}

View File

@ -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(

View 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;
}
},
),
],
),
),
],
),
);
}
}

View 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;
});