Flutter GetX 之 暗黑模式

我们紧接上篇文章，今天继续讲解一下强大的 GetX 的另一个功能，就是 暗黑模式 ，在iOS 13开始苹果的应用慢慢的都开始适配 暗黑模式，andr。oid 也慢慢的 开始跟进，截止到目前，商店的大部分应用都已经完成了 暗黑模式 的适配。

原生开发为我们提供对应的 API，那么Flutter呢？其实Flutter也为我们提供了，那就是Theme了，示例代码如下：

MaterialApp(
      title: 'Flutter Demo',
      themeMode: ThemeMode.system,
      darkTheme: ThemeData(
        primarySwatch: Colors.red,
      ),
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      highContrastTheme: ThemeData(),
      highContrastDarkTheme: ThemeData(),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    )

从上面代码可以看出，我们需要创建对应的主题颜色数据，具体都定义哪些我们可以查看ThemeData源码，这里就不做过多介绍了。下面我着重讲解一下GetX 如何完成暗黑模式的适配。

还是老样子我们要使用GetX作为程序入口。

代码如下：

GetMaterial