breakpoints

Description:

breakpoints

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
copied to clipboard
innerWidth |xs sm md lg xl
|--------|--------|--------|--------|-------->
width | xs | sm | md | lg | xl
copied to clipboard
Install #
dependencies:
breakpoints:
copied to clipboard
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
copied to clipboard