A soul for your flutter apps

A list of reusable responsive, themes widgets, extensions and utilities methods for your flutter app

Features

  • ⚡ Great performance.
  • 🦾 6 breakpoints for your widget.
  • 😍 Data structure algorithms.
  • ❤️ Context extensions for checking the required breakpoint.
  • ❤️ Widget extensions for padding, margin and radius properties.

Usage

Use the ResponsiveSoul widget to make your widget responsive. It works like css bootstrap framework.

ResponsiveSoul(
    xsm:MyWidget(),
    sm:MyWidget2(),
    md:MyWidget3(),
    lg:MyWidget4(),
    xl:MyWidget5(),
    xxl:MyWidget6(),
)

It is not necessary to put all the widgets as a parameter, use your desired breakpoint, and your widget builds from that breakpoint to so on where they find the next widget if any. For example, if you use md && xl, your md widget is set from xsm-lg, and xl is set to from xl-xxl.

if you want to use only single breakpoint, it will work on all the screen. To disable this behaviour set

ResponsiveSoul(
    autoManage:false,
)

by setting autoManage:false your widget only show on respected breakpoint only (Rest of the breakpoints show no widget).

You can check the respected breakpoint in two ways;

  1. By using static member

    ResponsiveSoul.isSM(context) // return bool

  2. By context extension

     context.isSM() // return bool

Additional information

For complete documentation, head over

Libraries

flutter_soul