Ruler

A ruler is a widget that displays a ruler with a given distance in cm or inches

Overview

A ruler is a widget that displays a ruler with a given distance in cm or inches

Ruler.real create an in real life ruler equivalent to real cm or inches

Ruler.real create an in real life ruler equivalent to real cm or inches
Ruler.count(10.cm),

Ruler.count fit the given distance to the width

Ruler.count fit the given distance to the width
Ruler.count(10.cm),

Ruler.dynamic is used to display a ruler with a fixed width in pixels for notch

Ruler.dynamic is used to display a ruler with a fixed width in pixels for notch
Ruler.dynamic(300.cm),

Double-sided ruler

Double-sided ruler
DynamicDoubleSidedRuler(
      cmWidth: 100,
      child: Container(color: Colors.red, height: 100, width: 100),
    );

Table of contents

Image Code description
Ruler.count fit the given distance to the width
Ruler.count(3.cm),
Ruler.count fit the given distance to the width
Ruler.dynamic is used to display a ruler with a fixed width in pixels for notch
Ruler.dynamic(300.cm)
Ruler.dynamic is used to display a ruler with a fixed width in pixels for notch
Ruler.real create an in real life ruler equivalent to real cm or inches
Ruler.count(1.cm)
Ruler.real create an in real life ruler equivalent to real cm or inches
Change color notches color
Ruler.count(1.cm, notchColor: Colors.black)
Change color notches color
Change axis to vertical or horizontal
Ruler.count(1.cm, axis: Axis.vertical)
Change axis to vertical or horizontal

Libraries

real_ruler