breakpoints_mq

A lightweight library for implementing Responsive layout grid. Provide body, column, margin.

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

GridView.count(
  crossAxisCount: breakpoint.column,
  children: List.generate(
    100,
    (index) => Padding(
      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

Libraries

breakpoints_mq