Add language setting

Author: Codel1417

CHANGELOG.md

@@ -1,6 +1,7 @@
 ### V 1.1.5
 
 - Hide Eargear triggers if no Ears are paired
+- Add setting to change the app language
 
 ### V 1.1.4
 

lib/Frontend/pages/settings.dart

@@ -1,14 +1,19 @@
+import 'package:choice/choice.dart';
+import 'package:country_flags/country_flags.dart';
 import 'package:flex_color_picker/flex_color_picker.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_localized_locales/flutter_localized_locales.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:wakelock_plus/wakelock_plus.dart';
 
 import '../../Backend/Bluetooth/bluetooth_manager.dart';
 import '../../Backend/Definitions/Device/device_definition.dart';
 import '../../Backend/logging_wrappers.dart';
 import '../../constants.dart';
+import '../../l10n/app_localizations.dart';
 import '../go_router_config.dart';
 import '../translation_string_definitions.dart';
+import '../utils.dart';
 
 class Settings extends ConsumerStatefulWidget {
   const Settings({super.key});
@@ -36,6 +41,7 @@ class _SettingsState extends ConsumerState<Settings> {
       body: ListView(
         controller: _controller,
         children: [
+          LanguagePicker(),
           ListTile(
             leading: const Icon(Icons.color_lens),
             title: Text(
@@ -253,3 +259,114 @@ class _SettingsState extends ConsumerState<Settings> {
     _controller.dispose();
   }
 }
+
+class LanguagePicker extends StatelessWidget {
+  final ChoicePromptBuilder<Locale>? anchorBuilder;
+
+  const LanguagePicker({
+    super.key,
+    this.anchorBuilder,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return PromptedChoice<Locale>.single(
+      title: appLanguageSelectorTitle(),
+      promptDelegate: ChoicePrompt.delegateBottomSheet(useRootNavigator: true, enableDrag: true, maxHeightFactor: 0.8),
+      itemCount: AppLocalizations.supportedLocales.length,
+      modalHeaderBuilder: ChoiceModal.createHeader(
+        automaticallyImplyLeading: true,
+        actionsBuilder: [],
+      ),
+      anchorBuilder: anchorBuilder,
+      modalFooterBuilder: ChoiceModal.createFooter(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          (choiceController) {
+            return FilledButton(
+              onPressed: choiceController.value.isNotEmpty ? () => choiceController.closeModal(confirmed: true) : null,
+              child: Row(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: [
+                  const Icon(Icons.check),
+                  const Padding(
+                    padding: EdgeInsets.symmetric(horizontal: 4),
+                  ),
+                  Text(
+                    triggersDefSelectSaveLabel(),
+                    style: Theme.of(context).textTheme.labelLarge!.copyWith(
+                          color: getTextColor(
+                            Theme.of(context).colorScheme.primary,
+                          ),
+                        ),
+                  ),
+                ],
+              ),
+            );
+          },
+        ],
+      ),
+      onChanged: (value) async {
+        if (value != null) {
+          HiveProxy.put(settings, selectedLocale, value.toLanguageTag());
+          initLocale();
+        }
+      },
+      confirmation: true,
+      value: AppLocalizations.supportedLocales
+          .where(
+            (element) => element.toLanguageTag() == HiveProxy.getOrDefault(settings, selectedLocale, defaultValue: ""),
+          )
+          .firstOrNull,
+      itemBuilder: (ChoiceController<Locale> state, int index) {
+        Locale locale = AppLocalizations.supportedLocales[index];
+        return RadioListTile(
+          value: locale,
+          onChanged: (Locale? value) {
+            state.select(locale);
+          },
+          groupValue: state.single,
+          title: Text(LocaleNames.of(context)!.nameOf(locale.toLanguageTag().replaceAll("-", "_")) ?? locale.toLanguageTag()),
+          secondary: Builder(builder: (context) {
+            if (locale.countryCode != null) {
+              return CountryFlag.fromCountryCode(locale.countryCode!.replaceAll("zh", "zh-cn"));
+            } else {
+              return CountryFlag.fromLanguageCode(locale.languageCode.replaceAll("zh", "zh-cn"));
+            }
+          }),
+        );
+      },
+    );
+    return ListTile(
+      title: Text("Language"),
+      trailing: DropdownMenu<Locale>(
+        width: MediaQuery.of(context).size.width / 3,
+        onSelected: (value) {
+          if (value != null) {
+            HiveProxy.put(settings, selectedLocale, value.toLanguageTag());
+          }
+        },
+        initialSelection: AppLocalizations.supportedLocales
+            .where(
+              (element) => element.toLanguageTag() == HiveProxy.getOrDefault(settings, selectedLocale, defaultValue: ""),
+            )
+            .firstOrNull,
+        dropdownMenuEntries: AppLocalizations.supportedLocales
+            .map(
+              (e) => DropdownMenuEntry(
+                label: LocaleNames.of(context)!.nameOf(e.toLanguageTag().replaceAll("-", "_")) ?? e.toLanguageTag(),
+                value: e,
+                leadingIcon: Builder(builder: (context) {
+                  if (e.countryCode != null) {
+                    return CountryFlag.fromCountryCode(e.countryCode!.replaceAll("zh", "zh-cn"));
+                  } else {
+                    return CountryFlag.fromLanguageCode(e.languageCode.replaceAll("zh", "zh-cn"));
+                  }
+                }),
+              ),
+            )
+            .toList(),
+      ),
+    );
+  }
+}

lib/Frontend/translation_string_definitions.dart

@@ -443,3 +443,5 @@ String morePageCoverPromoDescription({required String couponCode}) =>
 String morePageTranslateTitle() => Intl.message('Localization', name: 'morePageTranslateTitle', desc: 'The title for the button on the More page to push users to assist in translating the app');
 
 String morePageTranslateDescription() => Intl.message('Help us Translate the app into your language', name: 'morePageTranslateDescription', desc: 'The description for the button on the More page to push users to assist in translating the app');
+
+String appLanguageSelectorTitle() => Intl.message('App Language', name: 'appLanguageSelectorTitle', desc: 'The title for the button and dialog to select the app language');

lib/Frontend/utils.dart

@@ -3,6 +3,7 @@ import 'package:dio/dio.dart';
 import 'package:dio_smart_retry/dio_smart_retry.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
+import 'package:intl/intl.dart';
 import 'package:logarte/logarte.dart';
 import 'package:logging/logging.dart';
 import 'package:permission_handler/permission_handler.dart';
@@ -13,6 +14,9 @@ import 'package:wordpress_client/wordpress_client.dart';
 
 import '../Backend/logging_wrappers.dart';
 import '../Backend/version.dart';
+import '../constants.dart';
+import '../l10n/app_localizations.dart';
+import '../l10n/messages_all_locales.dart';
 
 LocalPlatform platform = const LocalPlatform();
 
@@ -40,6 +44,22 @@ Future<bool> getBluetoothPermission(Logger logger) async {
   return granted;
 }
 
+Future<void> initLocale() async {
+  final String defaultLocale = platform.localeName; // Returns locale string in the form 'en_US'
+
+  String? locale = AppLocalizations.supportedLocales
+      .where(
+        (element) => element.toLanguageTag() == HiveProxy.getOrDefault(settings, selectedLocale, defaultValue: ""),
+      )
+      .map(
+        (e) => e.toLanguageTag(),
+      )
+      .firstOrNull;
+
+  await initializeMessages(locale ?? defaultLocale);
+  Intl.defaultLocale = locale ?? defaultLocale;
+}
+
 final dioLogger = Logger('Dio');
 
 Dio? _dio;

lib/constants.dart

@@ -29,6 +29,7 @@ const String casualModeDelayMax = 'casualModeDelayMax';
 const String tailBlogWifiOnly = 'tailBlogWifiOnly';
 const String triggerActionCooldown = 'triggerActionCooldown';
 const String gearConnectRetryAttempts = 'gearConnectRetryAttempts';
+const String selectedLocale = 'selectedLocale';
 
 // Settings Default value
 const bool kitsuneModeDefault = false;

lib/main.dart

@@ -7,10 +7,10 @@ import 'package:feedback_sentry/feedback_sentry.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_foreground_task/flutter_foreground_task.dart';
+import 'package:flutter_localized_locales/flutter_localized_locales.dart';
 import 'package:flutter_native_splash/flutter_native_splash.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:hive_ce_flutter/adapters.dart';
-import 'package:intl/intl.dart';
 import 'package:logging/logging.dart';
 import 'package:package_info_plus/package_info_plus.dart';
 import 'package:path_provider/path_provider.dart';
@@ -33,7 +33,6 @@ import 'Frontend/translation_string_definitions.dart';
 import 'Frontend/utils.dart';
 import 'constants.dart';
 import 'l10n/app_localizations.dart';
-import 'l10n/messages_all_locales.dart';
 
 FutureOr<SentryEvent?> beforeSend(SentryEvent event, Hint hint) async {
   bool reportingEnabled = HiveProxy.getOrDefault(settings, "allowErrorReporting", defaultValue: true);
@@ -216,15 +215,6 @@ Future<void> initHive() async {
   await Hive.openBox<BaseStoredDevice>(devicesBox);
 }
 
-Future<void> initLocale() async {
-  final String defaultLocale = platform.localeName; // Returns locale string in the form 'en_US'
-  mainLogger.info("Locale: $defaultLocale");
-
-  bool localeLoaded = await initializeMessages(defaultLocale);
-  Intl.defaultLocale = defaultLocale;
-  mainLogger.info("Loaded locale: $defaultLocale $localeLoaded");
-}
-
 class TailApp extends ConsumerWidget {
   TailApp({super.key}) {
     // Platform messages may fail, so we use a try/catch PlatformException.
@@ -265,7 +255,7 @@ class TailApp extends ConsumerWidget {
                     theme: buildTheme(Brightness.light, color),
                     darkTheme: buildTheme(Brightness.dark, color),
                     routerConfig: router,
-                    localizationsDelegates: AppLocalizations.localizationsDelegates,
+                    localizationsDelegates: [LocaleNamesLocalizationsDelegate(), ...AppLocalizations.localizationsDelegates],
                     supportedLocales: AppLocalizations.supportedLocales,
                     themeMode: ThemeMode.system,
                     debugShowCheckedModeBanner: false,

pubspec.lock

@@ -298,6 +298,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "3.1.2"
+  country_flags:
+    dependency: "direct main"
+    description:
+      name: country_flags
+      sha256: "66726c7070d60c2f90c4a1d58980e9188fa04335d6287e98aef835461019c3c2"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.2.0"
   coverage:
     dependency: transitive
     description:
@@ -660,6 +668,14 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  flutter_localized_locales:
+    dependency: "direct main"
+    description:
+      name: flutter_localized_locales
+      sha256: "478d10535edf07292e34cb4c757882edeeaf96d5e3dbb04b42733038bd41dd3f"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.5"
   flutter_markdown:
     dependency: "direct main"
     description:
@@ -870,6 +886,22 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.0.5"
+  jovial_misc:
+    dependency: transitive
+    description:
+      name: jovial_misc
+      sha256: "4301011027d87b8b919cb862db84071a34448eadbb32cc8d40fe505424dfe69a"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.9.2"
+  jovial_svg:
+    dependency: transitive
+    description:
+      name: jovial_svg
+      sha256: "5e45b05845c8cbfec99ea32f177473ab2573d2c48479b29922c44ad329881d72"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.25"
   js:
     dependency: transitive
     description:

pubspec.yaml

@@ -76,7 +76,8 @@ dependencies:
     git:
       url: https://github.com/Codel1417/packages.flutter
       path: packages/pdfx
-
+  flutter_localized_locales: ^2.0.5
+  country_flags: ^3.2.0
   # Dio HTTP
   dio: ^5.8.0+1
   dio_smart_retry: ^7.0.1