feat: внедрить сервис настроек с использованием Hive CE и dependency injection

This commit is contained in:
2025-06-09 18:42:58 +03:00
parent e07cec7608
commit 1032b09114
4 changed files with 77 additions and 45 deletions
+16 -14
View File
@@ -1,10 +1,10 @@
import 'package:flutter/material.dart';
import 'package:budget_app/pages/home_page.dart'; // Импорт нашей новой страницы
import 'theme/app_theme.dart'; // Импорт тем приложения
import 'package:budget_app/pages/home_page.dart';
import 'theme/app_theme.dart';
import 'package:hive_ce_flutter/hive_flutter.dart';
/// Точка входа в приложение
import 'injection_container.dart' as di;
import 'services/settings_service.dart';
import 'package:get_it/get_it.dart';
void main() async {
WidgetsFlutterBinding.ensureInitialized();
@@ -25,18 +25,23 @@ class MyApp extends StatefulWidget {
}
class _MyAppState extends State<MyApp> {
late final Box _settingsBox;
late final SettingsService _settingsService;
@override
void initState() {
super.initState();
_settingsBox = Hive.box('settings');
_settingsService = GetIt.instance<SettingsService>();
_settingsService.addListener(_onThemeChanged);
}
bool get _isDarkMode => _settingsBox.get('darkMode', defaultValue: false);
@override
void dispose() {
_settingsService.removeListener(_onThemeChanged);
super.dispose();
}
void toggleTheme() {
_settingsBox.put('darkMode', !_isDarkMode);
void _onThemeChanged() {
setState(() {});
}
@override
@@ -45,11 +50,8 @@ class _MyAppState extends State<MyApp> {
title: 'Budget App',
theme: AppTheme.lightTheme(),
darkTheme: AppTheme.darkTheme(),
themeMode: _isDarkMode ? ThemeMode.dark : ThemeMode.light,
home: HomePage(
onThemeToggle: toggleTheme,
isDarkMode: _isDarkMode,
),
themeMode: _settingsService.isDarkMode ? ThemeMode.dark : ThemeMode.light,
home: const HomePage(),
);
}
}
+4 -19
View File
@@ -5,34 +5,19 @@ import 'settings_page.dart';
* Главная страница приложения для управления бюджетом.
*
* Этот виджет является основным экраном приложения и содержит:
* - AppBar с заголовком и кнопкой переключения темы
* - AppBar с заголовком и кнопкой настроек
* - Основной контент с приветственным сообщением
*
* Особенности реализации:
* 1. Наследуется от StatelessWidget, так как не содержит собственного состояния
* 2. Принимает параметры извне (колбек и флаг темы)
* 3. Использует Material Design через Scaffold
* 2. Использует Material Design через Scaffold
* 3. Управление темой вынесено в SettingsService
*/
class HomePage extends StatelessWidget {
/// Колбек для переключения между светлой и темной темой
/// Вызывается при нажатии на кнопку в AppBar
final VoidCallback onThemeToggle;
/// Флаг текущей темы приложения:
/// - true: темная тема активна
/// - false: светлая тема активна
final bool isDarkMode;
/// Конструктор виджета
///
/// @param key - опциональный ключ для идентификации виджета
/// @param onThemeToggle - обязательный колбек для переключения темы
/// @param isDarkMode - обязательный флаг текущей темы
const HomePage({
super.key,
required this.onThemeToggle,
required this.isDarkMode,
});
const HomePage({super.key});
/**
* Основной метод построения интерфейса виджета.
+35 -12
View File
@@ -1,9 +1,34 @@
import 'package:flutter/material.dart';
import 'package:hive_ce_flutter/hive_flutter.dart';
import 'package:get_it/get_it.dart';
import '../services/settings_service.dart';
class SettingsPage extends StatelessWidget {
class SettingsPage extends StatefulWidget {
const SettingsPage({super.key});
@override
State<SettingsPage> createState() => _SettingsPageState();
}
class _SettingsPageState extends State<SettingsPage> {
late final SettingsService _settingsService;
@override
void initState() {
super.initState();
_settingsService = GetIt.instance<SettingsService>();
_settingsService.addListener(_onSettingsChanged);
}
@override
void dispose() {
_settingsService.removeListener(_onSettingsChanged);
super.dispose();
}
void _onSettingsChanged() {
setState(() {});
}
@override
Widget build(BuildContext context) {
return Scaffold(
@@ -15,18 +40,16 @@ class SettingsPage extends StatelessWidget {
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
ValueListenableBuilder(
valueListenable: Hive.box('settings').listenable(),
builder: (context, box, _) {
return SwitchListTile(
title: const Text('Темная тема'),
value: box.get('darkMode', defaultValue: false),
onChanged: (value) {
box.put('darkMode', value);
},
);
SwitchListTile(
title: const Text('Темная тема'),
subtitle: const Text('Переключить между светлой и темной темой'),
value: _settingsService.isDarkMode,
onChanged: (value) async {
await _settingsService.setDarkMode(value);
},
),
const Divider(),
// Здесь можно добавить другие настройки
],
),
),
+22
View File
@@ -0,0 +1,22 @@
import 'package:flutter/material.dart';
import 'package:hive_ce/hive.dart';
class SettingsService extends ChangeNotifier {
static const String _darkModeKey = 'darkMode';
late final Box _settingsBox;
SettingsService() {
_settingsBox = Hive.box('settings');
}
bool get isDarkMode => _settingsBox.get(_darkModeKey, defaultValue: false);
Future<void> setDarkMode(bool value) async {
await _settingsBox.put(_darkModeKey, value);
notifyListeners();
}
Future<void> toggleTheme() async {
await setDarkMode(!isDarkMode);
}
}