【Flutter Flow】ダークモードを設定しよう!
みなさんこんにちは!Taiyoと申します!今回は、ダークモードの設定について解説していきます!
ダークモードの設定種類
ダークモードの設定には3種類あります!
From System:スマホのシステム設定に基づいて画面の色が変化します。システム上にダークモードを設定している場合は自動でダークモードになります。
Light Mode:ライトモードにして、画面の色を白色にします。
Dark Mode:ダークモードにして、画面の色を黒色にします。
ボタンを押して画面を白→黒へ!
画面をダークモードに変更するActionはとても簡単です!一緒にやっていきましょう!
まず、UI BuilderのCommonly Used Elementsからボタンエレメントを選択して画面に設置します。
そして設置したボタンにActionを設定していきます!
On Tapを選択し、Action1には、Set Dark Mode Setting、
Setting SourceにはSellect Setting
Dark Mode SettingにはDark Modeを選択します!
これで終わりです😄めちゃくちゃ簡単でしたね
これだけで画面上ほDark Modeを設定できてしまうなんてやっぱりFlutter Flowは凄すぎます!!!
みなさま良いFlutter Flowライフをお過ごしください〜!!ではまた〜🌞