feat: внедрить сервис настроек с использованием Hive CE и dependency injection
This commit is contained in:
+16
-14
@@ -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(),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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});
|
||||
|
||||
/**
|
||||
* Основной метод построения интерфейса виджета.
|
||||
|
||||
@@ -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(),
|
||||
// Здесь можно добавить другие настройки
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user