feat(android-edge-to-edge-support): support different colors for the navigation bar and status bar

[FlavioAndreMendesCarvalho]

Plugin(s)

• Android Battery Optimization
• Android Dark Mode Support
• Android Edge-to-Edge Support
• Android Foreground Service
• App Review
• App Shortcuts
• App Update
• Asset Manager
• Background Task
• Badge
• Bluetooth Low Energy
• Cloudinary
• Datetime Picker
• File Compressor
• File Opener
• File Picker
• Live Update
• Managed Configurations
• NFC
• Photo Editor
• Posthog
• Printer
• Screen Orientation
• Screenshot
• Speech Recognition
• Speech Synthesis
• Torch
• Zip

Current problem

The plugin currently only allows you to add the same color for the status bar and navigation bar. This complicates the design in some cases.

Preferred solution

I suggest adding two background options: statusBarBackgroundColor and navigationBarBackgroundColor.

Alternative options

No response

Additional context

No response

Before submitting

• I have read and followed the feature request guidelines.
• I have attached links to possibly related issues and discussions.

[robingenz]

Thank you for the idea. This is not currently planned but feel free to create a PR.

[andre5s]

+1 on this 🥺

[Lucho-git]

+1 also <3

[BoveFabio]

Would love that!

[ssnielsen]

Would also enjoy that 😊

@robingenz Do you have any immediate pointers on how to go about implementing this? (In case you have any hunches from the top of your head 😉)

[robingenz]

@ssnielsen No, unfortunately not.

[faraznaqvi99]

@ssnielsen I temporarily patched the package. Basically in the EdgeToEdge.java file, add the lines of code below that will create an overlay over the statusBar, where you can specify the color you want to set. You can choose to remove the current implementation, which will basically keep the default implementation for the navigation bar. Also add another method to get the status bar height.

    private int getStatusBarHeight(Activity activity) {
    int result = 24;
    int resourceId = activity.getResources().getIdentifier("status_bar_height", "dimen", "android");
    if (resourceId > 0) {
        result = activity.getResources().getDimensionPixelSize(resourceId);
    }
    return result;
    }


  // Write this in the setBackgroundColor method
  Activity activity = plugin.getBridge().getActivity();
  View overlay = new View(activity);
   overlay.setLayoutParams(new FrameLayout.LayoutParams(
        ViewGroup.LayoutParams.MATCH_PARENT,
       getStatusBarHeight(activity)
    ));
   overlay.setBackgroundColor(color);
    ViewGroup rootView = (ViewGroup) activity.getWindow().getDecorView();
    rootView.addView(overlay);