Add selectedItemBuilder style for language function

yungwenpeng · Dec 2, 2022 · af2e31d · af2e31d
1 parent d326740
commit af2e31d
Showing 1 changed file with 27 additions and 10 deletions.
diff --git a/lib/pages/preferences.dart b/lib/pages/preferences.dart
@@ -112,23 +112,40 @@ class _MyPreferencesState extends State<MyPreferences> {
                               child: Row(
                                 mainAxisAlignment: MainAxisAlignment.center,
                                 children: [
+                                  if (dropdownValue == locale)
+                                    const Icon(Icons.check,
+                                        color: Colors.white, size: 32),
+                                  const SizedBox(width: 10),
                                   _flagWidget(countryCode, context),
                                   const SizedBox(width: 10),
-                                  dropdownValue == locale
-                                      ? Text(
-                                          name,
-                                          style: const TextStyle(
-                                            color: Color.fromARGB(
-                                                255, 189, 20, 20),
-                                            fontWeight: FontWeight.w600,
-                                          ),
-                                        )
-                                      : Text(name),
+                                  Text(name),
                                 ],
                               ),
                             ));
                       }),
                     ).toList(),
+                    selectedItemBuilder: (context) {
+                      return L10n.all.map((locale) {
+                        final name = L10n.getName(locale.languageCode);
+                        final countryCode =
+                            L10n.getCountryFlag(locale.languageCode);
+                        return Align(
+                          alignment: Alignment.centerLeft,
+                          child: Row(
+                            mainAxisAlignment: MainAxisAlignment.center,
+                            children: [
+                              _flagWidget(countryCode, context),
+                              const SizedBox(width: 10),
+                              Text(
+                                name,
+                                style:
+                                    const TextStyle(color: Colors.purpleAccent),
+                              ),
+                            ],
+                          ),
+                        );
+                      }).toList();
+                    },
                     onChanged: (value) async {
                       //print('onChanged value:$value, dropdownValue:$dropdownValue');
                       if (dropdownValue != Locale(value.toString())) {