search

EzraAriwomoi / ChatApp-Feature

Dive into the most appealing chatapp just like any social media app, e.g WhatsApp with improvised features sooted to user's demands.
2 stars 0 forks source link

Device's navigationbar #1

Open EzraAriwomoi opened 1 week ago

EzraAriwomoi commented 1 week ago

I am unable to configure the application to change the background of the device's navigationbar such that it may take the same color config as the app. No matter the approach, it still remains the same color(lightmode: white, darkmode:black). dark 1 light 1

Dev-homestar commented 1 week ago

To customize the navigation bar color to match your app's theme, use the SystemUiOverlayStyle class. In your main.dart, ensure your app has both light and dark themes defined. Then, in your main widget (e.g., HomePage), set the navigation bar color based on the current theme using SystemChrome.setSystemUIOverlayStyle. This will make the navigation bar color align with your app's theme and adjust dynamically for light and dark modes.