select language

Author: ReightI

lib/app.dart

@@ -14,6 +14,7 @@ import 'package:piwigo_ng/views/image/edit_image_page.dart';
 import 'package:piwigo_ng/views/image/image_search_view_page.dart';
 import 'package:piwigo_ng/views/image/image_view_page.dart';
 import 'package:piwigo_ng/views/settings/privacy_policy_view_page.dart';
+import 'package:piwigo_ng/views/settings/select_language_view_page.dart';
 import 'package:piwigo_ng/views/settings/settings_view_page.dart';
 import 'package:piwigo_ng/views/unknown_route_page.dart';
 import 'package:piwigo_ng/views/upload/upload_view_page.dart';
@@ -28,7 +29,7 @@ class App extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return AppProviders(
-      builder: (themeNotifier) {
+      builder: (localNotifier, themeNotifier) {
         return MaterialApp(
           title: 'Piwigo NG',
           key: appKey,
@@ -44,7 +45,9 @@ class App extends StatelessWidget {
             Locale('en'),
             Locale('de'),
             Locale('fr'),
+            Locale('zh'),
           ],
+          locale: localNotifier.locale,
           themeMode: themeNotifier.isDark ? ThemeMode.dark : ThemeMode.light,
           darkTheme: darkTheme,
           theme: lightTheme,
@@ -148,6 +151,11 @@ Route<dynamic> generateRoute(RouteSettings settings) {
         builder: (_) => const PrivacyPolicyViewPage(),
         settings: settings,
       );
+    case SelectLanguageViewPage.routeName:
+      return MaterialPageRoute(
+        builder: (_) => const SelectLanguageViewPage(),
+        settings: settings,
+      );
     default:
       return MaterialPageRoute(
         builder: (_) => UnknownRoutePage(route: settings),

lib/main.dart

@@ -18,11 +18,11 @@ void main() async {
     statusBarColor: Colors.black.withOpacity(0.1),
   ));
   HttpOverrides.global = SSLHttpOverrides();
+  appPreferences = await SharedPreferences.getInstance();
   runApp(const App());
   _clearUnusedStorage();
   initLocalNotifications();
   initializeWorkManager();
-  appPreferences = await SharedPreferences.getInstance();
 }
 
 void _clearUnusedStorage() async {

lib/services/app_providers.dart

@@ -1,20 +1,26 @@
 import 'package:flutter/material.dart';
 import 'package:piwigo_ng/services/theme_provider.dart';
+import 'package:piwigo_ng/utils/LocaleProvider.dart';
 import 'package:provider/provider.dart';
 
 class AppProviders extends StatelessWidget {
   const AppProviders({Key? key, required this.builder}) : super(key: key);
 
-  final Widget Function(ThemeNotifier) builder;
+  final Widget Function(LocaleNotifier, ThemeNotifier) builder;
 
   @override
   Widget build(BuildContext context) {
     return ChangeNotifierProvider(
-      create: (_) => ThemeNotifier(),
-      child: Consumer<ThemeNotifier>(
-        builder: (context, themeNotifier, child) {
-          return builder(themeNotifier);
-        },
+      create: (_) => LocaleNotifier(),
+      child: ChangeNotifierProvider(
+        create: (_) => ThemeNotifier(),
+        child: Consumer<LocaleNotifier>(builder: (context, localNotifier, child) {
+          return Consumer<ThemeNotifier>(
+            builder: (context, themeNotifier, child) {
+              return builder(localNotifier, themeNotifier);
+            },
+          );
+        }),
       ),
     );
   }

lib/utils/LocaleProvider.dart

@@ -0,0 +1,31 @@
+import 'dart:io';
+
+import 'package:flutter/material.dart';
+import 'package:piwigo_ng/services/preferences_service.dart';
+
+class LocaleNotifier extends ChangeNotifier {
+  final String key = 'LOCALE';
+  late Locale _locale;
+
+  LocaleNotifier() {
+    _locale = Locale('en');
+    _loadFromPrefs();
+  }
+
+  Locale get locale => _locale;
+
+  changeLocale(locale) {
+    _locale = locale;
+    _saveToPrefs();
+    notifyListeners();
+  }
+
+  _loadFromPrefs() {
+    _locale = Locale(appPreferences.getString(key) ?? Platform.localeName.substring(0, 1));
+    notifyListeners();
+  }
+
+  _saveToPrefs() {
+    appPreferences.setString(key, _locale.languageCode);
+  }
+}

lib/utils/themes.dart

@@ -25,6 +25,8 @@ final ThemeData lightTheme = ThemeData.light().copyWith(
   ),
   appBarTheme: const AppBarTheme(
     backgroundColor: AppColors.backgroundLight,
+    elevation: 0.0,
+    scrolledUnderElevation: 5.0,
     iconTheme: IconThemeData(
       color: AppColors.accent,
     ),
@@ -167,6 +169,8 @@ final ThemeData darkTheme = ThemeData.dark().copyWith(
   ),
   appBarTheme: const AppBarTheme(
     backgroundColor: AppColors.backgroundDark,
+    elevation: 0.0,
+    scrolledUnderElevation: 5.0,
     iconTheme: IconThemeData(
       color: AppColors.accent,
     ),

lib/views/settings/select_language_view_page.dart

@@ -0,0 +1,48 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+import 'package:piwigo_ng/utils/LocaleProvider.dart';
+import 'package:piwigo_ng/utils/localizations.dart';
+import 'package:provider/provider.dart';
+
+class SelectLanguageViewPage extends StatefulWidget {
+  const SelectLanguageViewPage({Key? key}) : super(key: key);
+
+  static const String routeName = '';
+
+  @override
+  State<SelectLanguageViewPage> createState() => _SelectLanguageViewPageState();
+}
+
+class _SelectLanguageViewPageState extends State<SelectLanguageViewPage> {
+  late final List<Locale> _locales;
+
+  @override
+  void initState() {
+    _locales = AppLocalizations.supportedLocales;
+    super.initState();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        automaticallyImplyLeading: true,
+        title: Text(appStrings.settings_language),
+      ),
+      body: ListView.builder(
+        itemCount: _locales.length,
+        itemBuilder: (context, index) {
+          Locale locale = _locales[index];
+          return ListTile(
+            title: Text(getLanguageFromCode(locale.languageCode)),
+            onTap: () {
+              final localeProvider = Provider.of<LocaleNotifier>(context, listen: false);
+              localeProvider.changeLocale(locale);
+              Navigator.of(context).pop();
+            },
+          );
+        },
+      ),
+    );
+  }
+}

lib/views/settings/settings_view_page.dart

@@ -19,6 +19,7 @@ import 'package:piwigo_ng/utils/localizations.dart';
 import 'package:piwigo_ng/utils/settings.dart';
 import 'package:piwigo_ng/views/authentication/login_view_page.dart';
 import 'package:piwigo_ng/views/settings/privacy_policy_view_page.dart';
+import 'package:piwigo_ng/views/settings/select_language_view_page.dart';
 import 'package:provider/provider.dart';
 import 'package:url_launcher/url_launcher.dart';
 
@@ -522,6 +523,11 @@ class _SettingsViewPageState extends State<SettingsViewPage> {
               );
             },
           ),
+          SettingsSectionItemButton(
+            title: appStrings.settings_language,
+            icon: const Icon(Icons.language),
+            onPressed: () => Navigator.of(context).pushNamed(SelectLanguageViewPage.routeName),
+          ),
           SettingsSectionItemButton(
             title: appStrings.settings_translateWithCrowdin,
             icon: const Icon(Icons.translate),