backdrop 0.1.8

  • Readme
  • Changelog
  • Example
  • Installing
  • 91

backdrop #

Backdrop implementation in flutter.

This widget is in active development. Wait for the stable v1.0.0. Any contribution, idea, criticism or feedback is welcomed.

Getting started #

Follow the medium article to Quickly Implement Backdrop in Flutter.

Example #

check out sample code in example directory

Backdrop Example Screenshot

Contribute #

  1. You'll need a gitlab account. (Sorry, if you had to create one!!)
  2. Fork the repository.
  3. Implement features from to-do, fix issues, etc.
  4. Send merge request.
  5. Star this project.
  6. Become a hero!!

Features and bugs #

Please file feature requests and bugs at the issue tracker.


  • Properly document the usage of the widget in
  • Properly document classes and public methods
  • scaffoldKey provided to access scaffold directly
  • Write an example flutter app to demonstrate options and functionality
  • Using InheritedWIdget for storing controller in state and accessing it throughout
  • Dynamic height for backdrop - based on height of backpanel ??
  • Fixed height for backdrop - provided in argument of BackdropScaffold
  • BackdropNavigation : Using backpanel for navigation
  • BackdropTitle : Different title for backpanel and frontpanel visibility
  • BackdropAction : Action with view in backpanel
  • subheader argument (optional) in BackdropScaffol
  • BackdropToggle : widget to fling backdrop anywhere inside the scaffol
  • BackdropButton : widget that build button with BackdropToggle with default menu_close icon. Can directly be used in actions.

[0.0.1] - 21 July 2018.

  • Basic backdrop implementation.
  • BackdropScaffold widget implemented.

[0.1.0] - 28 July 2018.

  • opacity fixes in BackdropScaffold.
  • headerHeight option added in BackdropScaffold.
  • frontLayerBorderRadius option added in BackdropScaffold
  • refactor: body -> frontLayer
  • refactor: backpanel -> backLayer
  • BackdropToggleButton widget implemented.


import 'package:backdrop/backdrop.dart';
import 'package:flutter/material.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Backdrop Demo',
      home: BackdropScaffold(
        title: Text("Backdrop Example"),
        backLayer: Center(
          child: Text("Back Layer"),
        frontLayer: Center(
          child: Text("Front Layer"),
        iconPosition: BackdropIconPosition.leading,
        actions: <Widget>[
            icon: AnimatedIcons.list_view,

Use this package as a library

1. Depend on it

Add this to your package's pubspec.yaml file:

  backdrop: ^0.1.8

2. Install it

You can install packages from the command line:

with Flutter:

$ flutter pub get

Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:

import 'package:backdrop/backdrop.dart';
Describes how popular the package is relative to other packages. [more]
Code health derived from static analysis. [more]
Reflects how tidy and up-to-date the package is. [more]
Weighted score of the above. [more]
Learn more about scoring.

We analyzed this package on Dec 13, 2019, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.7.0
  • pana: 0.13.1+4
  • Flutter: 1.12.13+hotfix.4

Health suggestions

Fix lib/backdrop.dart. (-0.50 points)

Analysis of lib/backdrop.dart reported 1 hint:

line 14 col 16: 'inheritFromWidgetOfExactType' is deprecated and shouldn't be used. Use dependOnInheritedWidgetOfExactType instead. This feature was deprecated after v1.12.1..

Maintenance suggestions

Package is getting outdated. (-21.92 points)

The package was last published 63 weeks ago.


Package Constraint Resolved Available
Direct dependencies
Dart SDK >=1.19.0 <3.0.0
flutter 0.0.0
Transitive dependencies
collection 1.14.11 1.14.12
meta 1.1.8
sky_engine 0.0.99
typed_data 1.1.6
vector_math 2.0.8
Dev dependencies