0%

【文章翻譯】Android Dark Theme in Flutter

【文章內容使用 Gemini 1.5 Pro 自動產生】

一週前,在 Google I/O 2019 上,Android 團隊 宣布在 Android Q 中支援深色主題,這是一種由使用者切換的系統範圍的深色 UI 模式。這就引發了一個問題:Flutter 何時會支援這個很棒的新 Android 功能?嗯,您可能會驚訝地發現,Flutter 在 2 月份就加入了對深色主題的支援!以下是如何使用它。

首先,讓我們從一個典型的 MaterialApp 開始,它為其餘 UI 建立主題。以下是如何在深色主題之前,典型的應用程式定義其主題。

在 Flutter 中,我們為 MaterialApp 引入了一個 darkTheme 屬性,它允許您指定一個獨立的第二主題,僅在 Android 的深色主題功能中使用。讓我們為 MaterialAppdarkTheme 引入一個 Brightness.dark 設定的主題。

完成了!現在,當您在系統抽屜中切換深色主題時,您的 Flutter 應用程式將會從普通的 theme 自動切換到您的 darkTheme

由於 Flutter 使用程式碼來製作 UI,因此更新您的應用程式以支援新功能只需要在您的 Widget 樹中新增一個新屬性即可。沒有 XML 樣式需要更新,沒有 CSS 需要更新,只是一個普通的 Dart 參數。

在 Flutter 中,沒有理由害怕黑暗。


在 Flutter 中使用 Android 深色主題 最初發佈在 Flutter 上的 Medium,人們在那裡透過突出顯示和回應這個故事來繼續討論。