breakpoints_mq 2.0.2
breakpoints_mq: ^2.0.2 copied to clipboard

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

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
0
likes
130
pub points
54%
popularity

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

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on breakpoints_mq