Responsive Design

Of course, we support responsive design as in Flutter the same application can be compiled as "native" but also as web application.

Responsive Framework

We use Responsive Framework to support responsiveness in our applications

Define Breakpoints

We have this breakpoints by default defined

final defaultBreakPoints = [
  const Breakpoint(start: 0, end: 450, name: MOBILE),
  const Breakpoint(start: 451, end: 800, name: TABLET),
  const Breakpoint(start: 801, end: 1920, name: DESKTOP),
  const Breakpoint(start: 1921, end: double.infinity, name: '4K'),
];

You can override the breakpoints be setting the breakPoints parameter during the app initialization.

Future<void> mainAppInit({
  
  /// Breakpoints used for support of responsiveness
  final List<Breakpoint>? breakPoints,
})

Last modified: 10 December 2023