Manav Goyal

Styling - Android Development

  • Flexbox
    • flex: n
      • Positive number is like flexGrow, Negative number is like flexShrink, Child elements align themselves on cross axis by stretching
    • flexDirection => By default is column, Primary axis is horizontal, Cross axis is vertical
    • justifyContent => Align across primary axis
    • alignItems => Align across secondary axis within each line
    • alignContent => Align across secondary axis of entire content
    • flexWrap
    • flexBasis => Size along primary axis
    • flexGrow
    • flexShrink
  • Positioning
    • position => Absolute & Relative => By default is relative
    • top
    • bottom
    • left
    • right
  • Border
    • borderWidth: N
    • borderColor: "colorName"
    • margin: N
    • padding: N
Share: