pixel_border 1.0.0

Flutter Android iOS web

A flutter package providing a ShapeBorder to give the shape or border of widgets a pixel-y look.

pixel_border #

pub test lint

A package to render shapes or borders of widgets with pixelated corners.

Usage #

PixelBorder can be used the same way built-in ShapeBorders are, by setting the shape property on any Widget supporting it.

Some examples include:

Drawing an orange square border where all corners are rounded and drawn with "pixels" of size 2.0

Container(
  decoration: ShapeDecoration(
    shape: PixelBorder(
      borderRadius: BorderRadius.circular(4.0),
      pixelSize: 2.0,
      style: BorderStyle.solid,
      borderColor: Colors.orange,
    ),
  ),
  height: 42.0,
  width: 42.0,
);

Setting the default button shape in MaterialApp:

MaterialApp(
  theme: ThemeData(
    buttonTheme: ButtonThemeData(
      shape: PixelBorder(
        borderRadius: BorderRadius.circular(10),
        pixelSize: 5,
      ),
    ),
  ),
);

For corners to be drawn properly, PixelBorder requires the radii defined in borderRadius to be a multiple of pixelSize.

examples

0
likes
110
pub points
9%
popularity

A flutter package providing a ShapeBorder to give the shape or border of widgets a pixel-y look.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

aqulu1@gmail.com

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on pixel_border