aljaz/flutter_server_box
1
1
Fork 0
mirror of https://github.com/lollipopkit/flutter_server_box.git synced 2025-12-17 15:24:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

Optimized primary color fetching method

Browse Source
This commit is contained in:
LollipopKit
2021-10-26 17:27:02 +08:00
parent e1e816e49d
commit 321af571d6
3 changed files with 31 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
lib/app.dart
View File

@@ -49,7 +49,8 @@ class MyApp extends StatelessWidget {
focusedBorder: UnderlineInputBorder(
borderSide: BorderSide(color: primaryColor))),
radioTheme: RadioThemeData(
fillColor: getMaterialStateColor(primaryColor),),
fillColor: getMaterialStateColor(primaryColor),
),
),
darkTheme: ThemeData.dark().copyWith(
primaryColor: primaryColor,

2
lib/data/res/color.dart
View File

@@ -3,7 +3,7 @@ import 'package:toolbox/core/utils.dart';
import 'package:toolbox/data/store/setting.dart';
import 'package:toolbox/locator.dart';
Color primaryColor = Color(locator<SettingStore>().primaryColor.fetch()!);
Color get primaryColor => Color(locator<SettingStore>().primaryColor.fetch()!);
class DynamicColor {
/// 白天模式显示的颜色

47
lib/view/page/setting.dart
View File

@@ -15,20 +15,20 @@ class SettingPage extends StatefulWidget {
class _SettingPageState extends State<SettingPage> {
late SettingStore _store;
late int _selectedColorValue;
double _value = 0;
late Color _textColor;
double _intervalValue = 0;
late Color priColor;
@override
void didChangeDependencies() {
super.didChangeDependencies();
_textColor = Theme.of(context).textTheme.bodyText1!.color!;
priColor = primaryColor;
}
@override
void initState() {
super.initState();
_store = locator<SettingStore>();
_value = _store.serverStatusUpdateInterval.fetch()!.toDouble();
_intervalValue = _store.serverStatusUpdateInterval.fetch()!.toDouble();
}
@override
@@ -45,36 +45,43 @@ class _SettingPageState extends State<SettingPage> {
ExpansionTile(
tilePadding: EdgeInsets.zero,
childrenPadding: EdgeInsets.zero,
title: Text(
textColor: priColor,
title: const Text(
'Server status update interval',
style: TextStyle(fontSize: 14, color: _textColor),
style: TextStyle(fontSize: 14),
textAlign: TextAlign.start,
),
subtitle: const Text(
'Will take effect the next time app launches.',
style: TextStyle(color: Colors.grey),
),
trailing: Text('${_value.toInt()} s'),
trailing: Text('${_intervalValue.toInt()} s'),
children: [
Slider(
thumbColor: primaryColor,
activeColor: primaryColor.withOpacity(0.7),
thumbColor: priColor,
activeColor: priColor.withOpacity(0.7),
min: 0,
max: 10,
value: _value,
value: _intervalValue,
onChanged: (newValue) {
setState(() {
_value = newValue;
_intervalValue = newValue;
});
},
onChangeEnd: (val) =>
_store.serverStatusUpdateInterval.put(val.toInt()),
label: '${_value.toInt()} seconds',
label: '${_intervalValue.toInt()} seconds',
divisions: 10,
),
const SizedBox(height: 3,),
_value == 0.0 ? const Text('You set to 0, will not update automatically.') : const SizedBox(),
const SizedBox(height: 13,)
const SizedBox(
height: 3,
),
_intervalValue == 0.0
? const Text('You set to 0, will not update automatically.')
: const SizedBox(),
const SizedBox(
height: 13,
)
],
),
)
@@ -84,24 +91,24 @@ class _SettingPageState extends State<SettingPage> {
}
Widget _buildAppColorPreview() {
final nowAppColor = _store.primaryColor.fetch()!;
return ExpansionTile(
textColor: priColor,
tilePadding: EdgeInsets.zero,
childrenPadding: EdgeInsets.zero,
children: [
_buildAppColorPicker(Color(nowAppColor)),
_buildAppColorPicker(priColor),
_buildColorPickerConfirmBtn()
],
trailing: ClipOval(
child: Container(
color: Color(nowAppColor),
color: priColor,
height: 27,
width: 27,
),
),
title: Text(
title: const Text(
'App primary color',
style: TextStyle(fontSize: 14, color: _textColor),
style: TextStyle(fontSize: 14),
));
}