Height

Utilities for setting the height of a widget.

The height constants are defined inside StiloHeight

name	height
h0	0px
h1	4px
h2	8px
h3	12px
h4	16px
h5	20px
h6	24px
h7	28px
h8	32px
h9	36px
h10	40px
h11	44px
h12	48px
h14	56px
h16	64px
h20	80px
h24	96px
h28	112px
h32	128px
h36	144px
h40	160px
h44	176px
h48	192px
h52	208px
h56	224px
h60	240px
h64	256px
h72	288px
h80	320px
h96	384px
oneHalf	50% of the screen size
oneThird	33.333333% of the screen size
twoThirds	66.666667% of the screen size
oneQuarter	25% of the screen size
twoQuarters	50% of the screen size
threeQuarters	75% of the screen size
oneFifth	20% of the screen size
twoFifths	40% of the screen size
threeFifths	60% of the screen size
fourFifths	80% of the screen size
oneSixth	16.666667% of the screen size
twoSixths	33.333333% of the screen size
threeSixths	50% of the screen size
fourSixths	66.666667% of the screen size
fiveSixths	83.333333% of the screen size
oneTwelfth	8.333333% of the screen size
twoTwelfths	16.666667% of the screen size
threeTwelfths	25% of the screen size
fourTwelfths	33.333333% of the screen size
fiveTwelfths	41.666667% of the screen size
sixTwelfths	50% of the screen size
sevenTwelfths	58.333333% of the screen size
eightTwelfths	66.666667% of the screen size
nineTwelfths	75% of the screen size
tenTwelfths	83.333333% of the screen size
elevenTwelfths	91.666667% of the screen size
full	100% of the screen size

Usage Example

Center(
    child: Row(
      children: [
        Container(
          width: StiloWidth.w36,
          height: StiloHeight.h36,
          color: StiloColor.blue[500],
        ),
        Container(
          width: StiloWidth.w36,
          height: StiloHeight.h64,
          color: StiloColor.red[500],
        ),
      ],
    ),
  )