Want that cool background image and edge-to-edge immersive user interface for your flutter app users? Let me show you how to get that cool UI coolness.

Background

Flutter is a user-interface toolkit that happens to work on target platforms depending on the platform like an app-player in that it operates as its own application. That means sometimes we have to do hacks to get it to match the aesthetic we want on all platforms.

In the android case, all android native applications draw their view-activity on top and the system-UI-components get drawn below that layer. Which is fine until Google introduced full-screen applications and then had to account for the bottom navbar system-UI in that new full-screen and collapsible forms.

But, guess what? Everyone posts on stack-overflow to get how to do the hack wrong. It’s time I show you how to use some information to create something beautiful.

The Android Hack

Since this is not the only android hack we will run into; let me give you some helpful tips on reading android hacks. Android native SDK specifies two SDKs, the minimum and the maximum. That means when you see an IDE hint stating that a method call is for a specific API level you should use Google and stack-overflow to find the other depreciated method call as you will still NEED to do that depreciated method call for the other API levels. In fact, that was one of the errors in all the other stack-overflow answers in how to solve the problem in the first place.

Now, let me show you the native hack first.

#flutter