Create a responsive app with ApparenceKit

ApparenceKit provides you different widgets to make your app responsive.

They are all provided inside the responsive_layout file.

/lib/core/widgets/responsive_layout.dart

Here is the list of the widgets you can use:

ResponsiveLayout

provide different layouts depending on the available size.

💡 Use it to create different page depending on the screen size.

Screen sizes are defined as follow:

  • Small (mobile)
  • Medium (tablet)
  • Large (desktop)
  • ExtraLarge (desktop)

It will automatically fallback to the smallest size if the screen size is not defined. (mobile first).


ResponsiveBuilder

Create a widget that will rebuild when the screen size change.

💡 Use it to create different widget for a portion of your page according to the screen size.

Note: It will automatically rebuild when the screen size change.

Screen sizes are defined as follow:

  • Small (mobile)
  • Medium (tablet)
  • Large (desktop)
  • ExtraLarge (desktop)

It will automatically fallback to the smallest size if the screen size is not defined. (mobile first).