breakpoints 0.2.0

A simple library for getting page breakpoints xs, sm, md, lg, xl

breakpoints

A simple library for getting page breakpoints xs, sm, md, lg, xl

Inspired by material-ui

breakpoints:

xs: 0
sm: 600
md: 960
lg: 1280
xl: 1920

innerWidth  |xs      sm       md       lg       xl
            |--------|--------|--------|--------|-------->
width       |   xs   |   sm   |   md   |   lg   |   xl

Install

dependencies:
  breakpoints:

Usage

double width = MediaQuery.of(context).size.width;

Breakpoints.only(width, [Breakpoints.xs, Breakpoints.lg])
    ? Text('xs or lg')
    : Container()

Breakpoints.isSm(width) ? Text('isSm') : Container()

width.isXl ? Text('isXl') : SizedBox()

Breakpoints(200).toString() // xs