Hello FlutterFlow Community,
I wanted to share an issue I encountered while using FlutterFlow and how I managed to resolve it (so far)
Issue Summary:
My app was automatically applying Dark Mode by default, which prevented me from reviewing the Light Mode layout in Test Mode and actual devices (web) .
Even when toggling the mode switch at the top of Test Mode in FlutterFlow, the layout did not change, and altering browser settings did not switch the layout to Light Mode either.
Background:
I use the default settings for the Color theme, with Dark Mode initially set to ON.
My development environment was the desktop app for Mac, and I used Google Chrome for verification.
The functionality for users to switch dark/light modes within the app had not yet been implemented.
Actions Taken;
Even after setting Google Chrome's appearance to Light, the Test Mode and actual screen did not update accordingly
By turning off Dark Mode in the 'Colors' settings, I was able to finally check the app in Light Mode.
Future Actions (for me):
I plan to implement a feature that allows users to freely switch between Dark Mode and Light Mode within the app and conduct further tests.
Request :
As a beginner, I was bit confused about why the default display was set to Dark Mode and why the Test Mode switch did not function.
If anyone else has experienced a similar situation, I would appreciate it if you could share your experiences. Additionally, any advice on the causes or solutions to this issue would be very welcome.
Thanks for building amazing tool . Really thanks ;))