Posts

Showing posts from September, 2020

Flutter vs React

Image
  Hey friends, It's hot topic now everywhere, why? because of peoples always want to choose easier and quality one. So which one is easier, more quality and more stable.  It's not so easier to guess, native mobile app developer like me always find a best and stable solutions. Up to 2015, lots of hybrid platforms came and gone. Still some peoples mess with PhoneGap and Titanium .  Now It's time to end it. Even PWA (Progressive Web Apps) tries, but It's harder to produce the native performance in different platforms.  When you think about cross-platform, you have to mind about the app performance as well. Most of silly project managers easier gives up performance in this factor.  Still lots of cross platform mobile app frameworks like Xamarin and Ionic there, but what's special with react native and flutter. How It's gonna be suddenly increase more code deployment. As my experience and collecting my friends zone's experience, I mentioned below the detailed. 

Flutter - Status bar color issue

Hey friends Today, I just explain you some tweaks. In previous post, we saw the status bar color applying in flutter. If you want to stable that status bar color, with using AppBar on not. Sometimes It's not working because of It's not in SafeArea So you gonna use tab viewer or scaffold, please be wrap inside the SafeArea widget. Without wrapping your widget into SafeArea , your status bar color will not be appear.

Flutter - Change the status bar color.

 I'm still being in long pandemic. It's worst, but I've no option. Keep learning, Keep Moving... Today will see gonna see about to change the status bar color in Flutter. In main method, add following code.   SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(       systemNavigationBarColor: Colors.white, // navigation bar color       statusBarColor: Colors.black, // status bar color       statusBarIconBrightness: Brightness.dark, // status bar icons' color       systemNavigationBarIconBrightness: Brightness.dark, // icon brightness mode.   ));