It would be nice to be able to make the system navigation bar transparent. Right now when i try

SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.light.copyWith(

    statusBarColor: Colors.transparent,
    systemNavigationBarColor: Colors.transparent,

  ));

The status bar becomes transparent but not the systemNavigationBar

GOAL

WHAT I TRIED AND FAILED

I have tried doing it with Kotlin and Android following this answer in stackoverflow but the SafeArea widgets stops working and a navigation bar looks like this