#51 new: custom language

.dart_tool/flutter_gen/gen_l10n/l10n.dart

@@ -570,6 +570,18 @@ abstract class S {
   /// **'Key Auth'**
   String get keyAuth;
 
+  /// No description provided for @language.
+  ///
+  /// In en, this message translates to:
+  /// **'Language'**
+  String get language;
+
+  /// No description provided for @languageName.
+  ///
+  /// In en, this message translates to:
+  /// **'English'**
+  String get languageName;
+
   /// No description provided for @lastTry.
   ///
   /// In en, this message translates to:

.dart_tool/flutter_gen/gen_l10n/l10n_de.dart

@@ -261,6 +261,12 @@ class SDe extends S {
   @override
   String get keyAuth => 'Schlüsselauthentifzierung';
 
+  @override
+  String get language => 'Sprache';
+
+  @override
+  String get languageName => 'Deutsch';
+
   @override
   String get lastTry => 'Letzter Versuch';
 

.dart_tool/flutter_gen/gen_l10n/l10n_en.dart

@@ -261,6 +261,12 @@ class SEn extends S {
   @override
   String get keyAuth => 'Key Auth';
 
+  @override
+  String get language => 'Language';
+
+  @override
+  String get languageName => 'English';
+
   @override
   String get lastTry => 'Last try';
 

.dart_tool/flutter_gen/gen_l10n/l10n_zh.dart

@@ -261,6 +261,12 @@ class SZh extends S {
   @override
   String get keyAuth => '密钥认证';
 
+  @override
+  String get language => '语言';
+
+  @override
+  String get languageName => '简体中文';
+
   @override
   String get lastTry => '最后尝试';
 
@@ -841,6 +847,12 @@ class SZhTw extends SZh {
   @override
   String get keyAuth => '密鑰認證';
 
+  @override
+  String get language => '語言';
+
+  @override
+  String get languageName => '繁體中文';
+
   @override
   String get lastTry => '最後嘗試';
 

lib/app.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_gen/gen_l10n/l10n.dart';
+import 'package:toolbox/core/extension/locale.dart';
 
 import 'core/utils/ui.dart';
 import 'data/res/build_data.dart';
@@ -23,9 +24,12 @@ class MyApp extends StatelessWidget {
       builder: (_, tMode, __) {
         final ok = tMode >= 0 && tMode <= ThemeMode.values.length - 1;
         final themeMode = ok ? ThemeMode.values[tMode] : ThemeMode.system;
+        final localeStr = _setting.locale.fetch();
+        final locale = localeStr?.toLocale;
 
         return MaterialApp(
           debugShowCheckedModeBanner: false,
+          locale: locale,
           localizationsDelegates: S.localizationsDelegates,
           supportedLocales: S.supportedLocales,
           title: BuildData.name,

lib/core/extension/locale.dart

@@ -0,0 +1,20 @@
+import 'package:flutter/material.dart';
+
+extension LocaleX on Locale {
+  String get name {
+    if (countryCode == null) {
+      return languageCode;
+    }
+    return '${languageCode}_$countryCode';
+  }
+}
+
+extension String2Locale on String {
+  Locale get toLocale {
+    final parts = split('_');
+    if (parts.length == 1) {
+      return Locale(parts[0]);
+    }
+    return Locale(parts[0], parts[1]);
+  }
+}

lib/data/store/setting.dart

@@ -65,4 +65,7 @@ class SettingStore extends PersistentStore {
         'run',
         'none',
       ]);
+
+  /// Locale
+  StoreProperty<String> get locale => property('locale', defaultValue: null);
 }

lib/l10n/app_de.arb

@@ -79,6 +79,8 @@
   "isBusy": "Is busy now",
   "keepForeground": "Stelle sicher, dass die App geöffnet bleibt.",
   "keyAuth": "Schlüsselauthentifzierung",
+  "language": "Sprache",
+  "languageName": "Deutsch",
   "lastTry": "Letzter Versuch",
   "launchPage": "Startseite",
   "license": "Lizenzen",

lib/l10n/app_en.arb

@@ -79,6 +79,8 @@
   "isBusy": "Is busy now",
   "keepForeground": "Keep app foreground!",
   "keyAuth": "Key Auth",
+  "language": "Language",
+  "languageName": "English",
   "lastTry": "Last try",
   "launchPage": "Launch page",
   "license": "License",

lib/l10n/app_zh.arb

@@ -79,6 +79,8 @@
   "isBusy": "当前正忙",
   "keepForeground": "请保持应用处于前台！",
   "keyAuth": "密钥认证",
+  "language": "语言",
+  "languageName": "简体中文",
   "lastTry": "最后尝试",
   "launchPage": "启动页",
   "license": "开源证书",

lib/l10n/app_zh_tw.arb

@@ -79,6 +79,8 @@
   "isBusy": "當前正忙",
   "keepForeground": "請保持應用處於前台！",
   "keyAuth": "密鑰認證",
+  "language": "語言",
+  "languageName": "繁體中文",
   "lastTry": "最後嘗試",
   "launchPage": "啓動頁",
   "license": "開源證書",
@@ -177,4 +179,4 @@
   "viewErr": "查看錯誤",
   "waitConnection": "請等待連接建立",
   "willTakEeffectImmediately": "更改將會立即生效"
-}
+}

lib/view/page/setting.dart

@@ -5,6 +5,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_gen/gen_l10n/l10n.dart';
 import 'package:flutter_material_color_picker/flutter_material_color_picker.dart';
 import 'package:provider/provider.dart';
+import 'package:toolbox/core/extension/locale.dart';
 import 'package:toolbox/core/extension/navigator.dart';
 import 'package:toolbox/data/model/app/tab.dart';
 import 'package:toolbox/view/widget/input_field.dart';
@@ -39,6 +40,7 @@ class _SettingPageState extends State<SettingPage> {
   final termThemeKey = GlobalKey<PopupMenuButtonState<int>>();
   final maxRetryKey = GlobalKey<PopupMenuButtonState<int>>();
   final fontSizeKey = GlobalKey<PopupMenuButtonState<double>>();
+  final localeKey = GlobalKey<PopupMenuButtonState<String>>();
 
   late final SettingStore _setting;
   late final ServerProvider _serverProvider;
@@ -52,6 +54,7 @@ class _SettingPageState extends State<SettingPage> {
   late int _maxRetryCount;
   late int _updateInterval;
   late double _fontSize;
+  late String _localeCode;
 
   String? _pushToken;
 
@@ -60,6 +63,7 @@ class _SettingPageState extends State<SettingPage> {
     super.didChangeDependencies();
     _media = MediaQuery.of(context);
     _s = S.of(context)!;
+    _localeCode = _setting.locale.fetch() ?? _s.localeName;
   }
 
   @override
@@ -114,6 +118,7 @@ class _SettingPageState extends State<SettingPage> {
 
   Widget _buildApp() {
     final children = [
+      _buildLocale(),
       _buildThemeMode(),
       _buildAppColorPreview(),
       _buildLaunchPage(),
@@ -598,4 +603,37 @@ class _SettingPageState extends State<SettingPage> {
       },
     );
   }
+
+  Widget _buildLocale() {
+    final items = S.supportedLocales
+        .map(
+          (e) => PopupMenuItem<String>(
+            value: e.name,
+            child: Text(e.name),
+          ),
+        )
+        .toList();
+    return ListTile(
+      title: Text(_s.language),
+      onTap: () {
+        localeKey.currentState?.showButtonMenu();
+      },
+      trailing: PopupMenuButton(
+        key: localeKey,
+        itemBuilder: (BuildContext context) => items,
+        initialValue: _localeCode,
+        onSelected: (String idx) {
+          setState(() {
+            _localeCode = idx;
+          });
+          _setting.locale.put(idx);
+          _showRestartSnackbar();
+        },
+        child: Text(
+          _s.languageName,
+          style: textSize15,
+        ),
+      ),
+    );
+  }
 }