edge_to_edge

A customizable Flutter package for enabling edge-to-edge system UI on Android. This makes your app feel more immersive and modern by removing system bar constraints and giving full control over appearance.

✨ Features

  • Transparent status and navigation bars
  • Custom icon brightness for light/dark content
  • Control visibility of top and bottom overlays
  • Clean, minimal API — just one function call

🚀 Getting Started

1. Android Setup

Find where this style is defined in your_app/android/app/src/main/res/values/styles.xml. There, add the following attribute to the style:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    ...
    <style name="NormalTheme" parent="@android:style/Theme.Light.NoTitleBar">
        ...
	      <!-- Add the following line: -->
        <item name="android:windowOptOutEdgeToEdgeEnforcement">true</item>
    </style>
</resources>

2. Install

Add to your pubspec.yaml:

dependencies:
  android_edge_ui: ^1.0.0

Libraries

edge_to_edge