breakpoints_mq
A lightweight library for implementing Responsive layout grid. Provide window, columns, margings/gutters.
How to use.
Once you've added breakpoints to your project, you can get breakpoints like this.
final breakpoint = MediaQuery.of(context).breakpoint;
Then, use breakpoint.columns
.
GridView.count(
crossAxisCount: breakpoint.columns,
children: List.generate(
100,
(index) => Padding(
padding: EdgeInsets.all(breakpoint.gutters / 2),
child: Card(
child: Center(
child: Text('No.${index + 1}'),
),
),
),
),
),
If you wont to get more information about breakpoints, see documents.
Requirements
- Flutter 2.0.0 or higher