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).