Flutter：使用 GetX 实用函数时存储语言和主题首选项

Question

使用GetX的实用函数时，有什么方法可以存储用户首选项（并在重新启动时检索它们） ：

Get.changeTheme(ThemeData().dark)

也

Get.updateLocale(Locale('en', 'US'));

到目前为止，我只能更改主题和语言，但我还没有在 GetX 中找到一种方法来保留对任何类型存储的任何更改，以便下次重新打开应用程序时加载。有什么我忽略的吗？有没有办法挂钩启动过程并检查一些存储的值（例如 in SharedPreferences）并将它们传递给 mylocale和themeproperty in GetMaterialApp？

这是我的代码：

import 'package:flutter/material.dart';
import 'package:get/get.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      translations: Messages(),
      locale: Get.locale,
      theme: Get.theme,
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            TextButton(
                onPressed: () => {
                      Get.changeTheme(
                          Get.isDarkMode ? ThemeData.light() : ThemeData.dark())
                    },
                child: Text('change_theme'.tr)),
            TextButton(
                onPressed: () => {
                      Get.updateLocale(Get.locale == Locale('en', 'US')
                          ? Locale('de', 'DE')
                          : Locale('en', 'US'))
                    },
                child: Text('change_language'.tr)),
          ],
        ));
  }
}

class Messages extends Translations {
  @override
  Map<String, Map<String, String>> get keys => {
        'en_US': {
          'change_theme': 'Change Theme',
          'change_language': 'Change Language',
        },
        'de_DE': {
          'change_theme': 'Farbschema wechseln',
          'change_language': 'Sprache wechseln',
        }
      };
}

Answer 1

使用GetStorage可以更轻松地做到这一点。

如果您只是从浅色主题更改为深色主题，那么每次更改主题时都需要存储一个简单的布尔值。

这是使用基本设置类来执行此操作的一种方法。

class SettingsController extends GetxController {
  ThemeData themeData;

  final box = GetStorage();

  @override // called when you use Get.put before running app
  void onInit() {
    super.onInit();
    _restoreTheme();
  }

  void _restoreTheme() {
    bool isDark = box.read('isDark') ?? true; // null check for first time running this
    if (isDark) {
      themeData = ThemeData.dark();
    } else {
      themeData = ThemeData.light();
    }
  }

  void storeThemeSetting(bool isDark) {
    box.write('isDark', isDark);
  }
}

themeData类中的变量根据SettingsController存储中的 bool 值进行初始化。该themeData文件就是您传递给您的 的文件GetMaterialApp，如下所示。

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final controller = Get.find<SettingsController>();
    return GetMaterialApp(
      theme: controller.themeData,
      title: 'Material App',
      home: StorageDemo(),
    );
  }
}

然后在运行应用程序之前将这两行放入 Main 方法中。

  await GetStorage.init();

  Get.put(SettingsController());

这是一个演示页面，您可以在其中进行测试。

class StorageDemo extends StatelessWidget {
  Widget build(BuildContext context) {
    final controller = Get.find<SettingsController>();
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: [
            TextButton(
              onPressed: () {
                Get.changeTheme(ThemeData.dark());
                controller.storeThemeSetting(true);
              },
              child: Text('Dark Theme'),
            ),
            TextButton(
              onPressed: () {
                Get.changeTheme(ThemeData.light());
                controller.storeThemeSetting(false);
              },
              child: Text('Light Theme'),
            ),
          ],
        ),
      ),
    );
  }
}

如果您有更复杂的ThemeData文件，则适用相同的概念，但您必须单独存储每种颜色，我发现通过存储int颜色的值最容易做到这一点。

  int colorValue = Colors.red.value; // store this int

然后从存储恢复时就可以使用此功能

Color mapIntToColor(int value) {
    return Color(value);
  }

至于你的语言设置，同样的事情。只需Locale向 Getx 类添加一个变量，存储几个字符串，在运行应用程序之前进行初始化，然后将该Locale变量传递到GetMaterialApp.