feat: choose language

lib/l10n/app_en.arb

@@ -19,5 +19,6 @@
     "disconnect": "Disconnect",
     "use": "Use It",
     "configNameComment": "Write a name for this config",
-    "showWindow": "Show Window"
+    "showWindow": "Show Window",
+    "chooseLanguage": "Choose Language"
 }

lib/l10n/app_zh.arb

@@ -19,5 +19,6 @@
     "disconnect": "断开连接",
     "use": "使用",
     "configNameComment": "给这个配置备注一个名字",
-    "showWindow": "显示主面板"
+    "showWindow": "显示主面板",
+    "chooseLanguage": "选择语言"
 }

lib/setting_page.dart

@@ -31,22 +31,31 @@ class _SettingPageState extends State<SettingPage> {
             ),
           ],
         ),
-        DropdownButton<Locale>(
+        Row(
-          value: Localizations.localeOf(context),
+          mainAxisAlignment: MainAxisAlignment.center,
-          items:
+          children: [
-              AppLocalizations.supportedLocales.map<DropdownMenuItem<Locale>>(
+            Text(AppLocalizations.of(context)!.chooseLanguage),
-            (e) {
+            const SizedBox(
-              return DropdownMenuItem(
+              width: 10,
-                value: e,
+            ),
-                child: Text(e.toString()),
+            DropdownButton<Locale>(
-              );
+              value: Localizations.localeOf(context),
-            },
+              items: AppLocalizations.supportedLocales
-          ).toList(),
+                  .map<DropdownMenuItem<Locale>>(
-          onChanged: (value) {
+                (e) {
-            setState(() {
+                  return DropdownMenuItem(
-              MainApp.of(context).changeLocale(value!);
+                    value: e,
-            });
+                    child: Text(e.toString() == 'en' ? 'English' : '中文'),
-          },
+                  );
+                },
+              ).toList(),
+              onChanged: (value) {
+                setState(() {
+                  MainApp.of(context).changeLocale(value!);
+                });
+              },
+            ),
+          ],
         ),
         ElevatedButton(
           onPressed: () {