我們緊接上篇文章,今天繼續講解一下強大的 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