fluffychat/lib/pages/views/settings_style_view.dart

119 lines
4.1 KiB
Dart
Raw Normal View History

2021-01-15 19:41:55 +01:00
import 'package:adaptive_theme/adaptive_theme.dart';
2021-05-22 08:53:52 +02:00
import 'package:fluffychat/widgets/layouts/max_width_body.dart';
import 'package:flutter/material.dart';
import 'package:flutter_gen/gen_l10n/l10n.dart';
import '../../config/app_config.dart';
2021-05-22 08:53:52 +02:00
import '../../widgets/matrix.dart';
2021-04-18 09:18:23 +02:00
import '../settings_style.dart';
2021-05-22 09:13:47 +02:00
class SettingsStyleView extends StatelessWidget {
2021-04-18 09:18:23 +02:00
final SettingsStyleController controller;
2021-05-22 09:13:47 +02:00
const SettingsStyleView(this.controller, {Key key}) : super(key: key);
2021-01-15 19:41:55 +01:00
@override
Widget build(BuildContext context) {
2021-04-18 09:18:23 +02:00
controller.currentTheme ??= AdaptiveTheme.of(context).mode;
return Scaffold(
appBar: AppBar(
2021-01-16 14:24:52 +01:00
leading: BackButton(),
title: Text(L10n.of(context).changeTheme),
),
2021-04-09 18:26:44 +02:00
body: MaxWidthBody(
withScrolling: true,
child: Column(
children: [
RadioListTile<AdaptiveThemeMode>(
2021-04-18 09:18:23 +02:00
groupValue: controller.currentTheme,
2021-04-09 18:26:44 +02:00
value: AdaptiveThemeMode.system,
title: Text(L10n.of(context).systemTheme),
2021-04-18 09:18:23 +02:00
onChanged: controller.switchTheme,
),
2021-04-09 18:26:44 +02:00
RadioListTile<AdaptiveThemeMode>(
2021-04-18 09:18:23 +02:00
groupValue: controller.currentTheme,
2021-04-09 18:26:44 +02:00
value: AdaptiveThemeMode.light,
title: Text(L10n.of(context).lightTheme),
2021-04-18 09:18:23 +02:00
onChanged: controller.switchTheme,
),
2021-04-09 18:26:44 +02:00
RadioListTile<AdaptiveThemeMode>(
2021-04-18 09:18:23 +02:00
groupValue: controller.currentTheme,
2021-04-09 18:26:44 +02:00
value: AdaptiveThemeMode.dark,
title: Text(L10n.of(context).darkTheme),
2021-04-18 09:18:23 +02:00
onChanged: controller.switchTheme,
2021-04-09 18:26:44 +02:00
),
Divider(height: 1),
ListTile(
title: Text(
L10n.of(context).wallpaper,
style: TextStyle(
2021-05-24 10:59:00 +02:00
color: Theme.of(context).colorScheme.secondary,
2021-04-09 18:26:44 +02:00
fontWeight: FontWeight.bold,
),
2021-02-07 08:59:58 +01:00
),
),
2021-04-09 18:26:44 +02:00
if (Matrix.of(context).wallpaper != null)
ListTile(
title: Image.file(
Matrix.of(context).wallpaper,
height: 38,
fit: BoxFit.cover,
),
trailing: Icon(
Icons.delete_forever_outlined,
color: Colors.red,
),
2021-04-18 09:18:23 +02:00
onTap: controller.deleteWallpaperAction,
2021-02-07 08:59:58 +01:00
),
2021-04-09 18:26:44 +02:00
Builder(builder: (context) {
return ListTile(
title: Text(L10n.of(context).changeWallpaper),
trailing: Icon(Icons.wallpaper_outlined),
2021-04-18 09:18:23 +02:00
onTap: controller.setWallpaperAction,
2021-04-09 18:26:44 +02:00
);
}),
Divider(height: 1),
ListTile(
title: Text(
L10n.of(context).fontSize,
2021-02-07 08:59:58 +01:00
style: TextStyle(
2021-05-24 10:59:00 +02:00
color: Theme.of(context).colorScheme.secondary,
2021-04-09 18:26:44 +02:00
fontWeight: FontWeight.bold,
),
),
subtitle: Text('(*${AppConfig.fontSizeFactor})'),
),
Container(
alignment: Alignment.centerLeft,
child: Container(
margin: const EdgeInsets.symmetric(horizontal: 16),
padding:
const EdgeInsets.symmetric(vertical: 6, horizontal: 10),
decoration: BoxDecoration(
color: Theme.of(context).secondaryHeaderColor,
borderRadius: BorderRadius.circular(16),
),
child: Text(
'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor',
style: TextStyle(
fontSize: Theme.of(context).textTheme.bodyText1.fontSize *
AppConfig.fontSizeFactor,
),
2021-02-07 08:59:58 +01:00
),
),
),
2021-04-09 18:26:44 +02:00
Slider(
min: 0.5,
max: 2.5,
2021-10-10 12:41:43 +02:00
divisions: 8,
2021-04-09 18:26:44 +02:00
value: AppConfig.fontSizeFactor,
semanticFormatterCallback: (d) => d.toString(),
2021-04-18 09:18:23 +02:00
onChanged: controller.changeFontSizeFactor,
2021-04-09 18:26:44 +02:00
),
],
),
),
);
}
}