edge_to_edge_resolver

pub package

A Flutter plugin that helps developers resolve edge-to-edge rendering issues across android devices (Android 35).
This package provides utilities to handle safe areas, insets, and system UI overlays for a smoother full-screen app experience.

Features

✅ Handle safe area padding automatically
✅ Manage system UI overlays (navigation bar)
✅ Consistent edge-to-edge layout across Android & iOS
✅ Lightweight and easy-to-use API

Android iOS
Support SDK 35+ (Kotlin 1.9.22) 13.0+ (Swift 5.0)

Installation

Add the following line to your pubspec.yaml under dependencies:

dependencies:
  edge_to_edge_resolver: ^latest

Set navigation bar color:

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  EdgeToEdgeResolver.setNavigationBarColor(color: Colors.black);
  runApp(const MyApp());
}

Wrap your screen with EdgeToEdgeResolverWidget:

class MyHomePage extends StatelessWidget {
  const MyHomePage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Details')),
      body: EdgeToEdgeResolverWidget(
        child: Center(child: Text('Demo Full Screen'),),
      ),
    );
  }
}

📷 Screenshots

With full screen indicator

Screenshot1 Screenshot1

With 3-buttons navigation

Screenshot1 Screenshot1

Contributing

Contributions are welcome! If you find a bug or want to suggest a feature, please open an issue or submit a pull request.

Code Contributors

This project exists thanks to all the people who contribute. [Contribute].