Stilo

Translate

Utilities for controlling the translation of widgets.

The translation construct utilities are defined inside StiloTransformTranslate
name translation
translateX0
offset(0, 0)
translateY0
offset(0, 0)
translateXY0
offset(0, 0)
translateX1
offset(4, 0)
translateY1
offset(0, 4)
translateXY1
offset(4, 4)
translateX2
offset(8, 0)
translateY2
offset(0, 8)
translateXY2
offset(8, 8)
translateX3
offset(12, 0)
translateY3
offset(0, 12)
translateXY3
offset(12, 12)
translateX4
offset(16, 0)
translateY4
offset(0, 16)
translateXY4
offset(16, 16)
translateX5
offset(20, 0)
translateY5
offset(0, 20)
translateXY5
offset(20, 20)
translateX6
offset(24, 0)
translateY6
offset(0, 24)
translateXY6
offset(24, 24)
translateX7
offset(28, 0)
translateY7
offset(0, 28)
translateXY7
offset(28, 28)
translateX8
offset(32, 0)
translateY8
offset(0, 32)
translateXY8
offset(32, 32)
translateX9
offset(36, 0)
translateY9
offset(0, 36)
translateXY9
offset(36, 36)
translateX10
offset(40, 0)
translateY10
offset(0, 40)
translateXY10
offset(40, 40)
translateX11
offset(44, 0)
translateY11
offset(0, 44)
translateXY11
offset(44, 44)
translateX12
offset(48, 0)
translateY12
offset(0, 48)
translateXY12
offset(48, 48)
translateX14
offset(56, 0)
translateY14
offset(0, 56)
translateXY14
offset(56, 56)
translateX16
offset(64, 0)
translateY16
offset(0, 64)
translateXY16
offset(64, 64)
translateX20
offset(80, 0)
translateY20
offset(0, 80)
translateXY20
offset(80, 80)
translateX24
offset(96, 0)
translateY24
offset(0, 96)
translateXY24
offset(96, 96)
translateX28
offset(112, 0)
translateY28
offset(0, 112)
translateXY28
offset(112, 112)
translateX32
offset(128, 0)
translateY32
offset(0, 128)
translateXY32
offset(128, 128)
translateX36
offset(144, 0)
translateY36
offset(0, 144)
translateXY36
offset(144, 144)
translateX40
offset(160, 0)
translateY40
offset(0, 160)
translateXY40
offset(160, 160)
translateX44
offset(176, 0)
translateY44
offset(0, 176)
translateXY44
offset(176, 176)
translateX48
offset(192, 0)
translateY48
offset(0, 192)
translateXY48
offset(192, 192)
translateX52
offset(208, 0)
translateY52
offset(0, 208)
translateXY52
offset(208, 208)
translateX56
offset(224, 0)
translateY56
offset(0, 224)
translateXY56
offset(224, 224)
translateX60
offset(240, 0)
translateY60
offset(0, 240)
translateXY60
offset(240, 240)
translateX64
offset(256, 0)
translateY64
offset(0, 256)
translateXY64
offset(256, 256)
translateX72
offset(288, 0)
translateY72
offset(0, 288)
translateXY72
offset(288, 288)
translateX80
offset(320, 0)
translateY80
offset(0, 320)
translateXY80
offset(320, 320)
translateX96
offset(384, 0)
translateY96
offset(0, 384)
translateXY96
offset(384, 384)

Usage Example

Center(
    child: Row(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        StiloTransformTranslate.translateXY52(
          child: Container(
            width: StiloWidth.w64,
            height: StiloHeight.h36,
            decoration: BoxDecoration(
              color: StiloColor.blue[500],
              borderRadius: StiloBorderRadius.allMd,
              boxShadow: StiloBoxShadow.xl,
            ),
          ),
        ),
      ],
    ),
  )