Interface: FlexWidgetStyle

Hierarchy

• FlexStyleProps

• CommonStyleProps

  ↳ FlexWidgetStyle

Properties

flex

• Optional flex: number

Inherited from

FlexStyleProps.flex

---

flexDirection

• Optional flexDirection: "row" | "column"

Inherited from

FlexStyleProps.flexDirection

---

alignItems

• Optional alignItems: "center" | "flex-start" | "flex-end"

Inherited from

FlexStyleProps.alignItems

---

justifyContent

• Optional justifyContent: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly"

Inherited from

FlexStyleProps.justifyContent

---

flexGap

• Optional flexGap: number

Inherited from

FlexStyleProps.flexGap

---

flexGapColor

• Optional flexGapColor: `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`

Inherited from

FlexStyleProps.flexGapColor

---

overflow

• Optional overflow: "hidden"

Inherited from

FlexStyleProps.overflow

---

margin

• Optional margin: number

Inherited from

CommonStyleProps.margin

---

marginHorizontal

• Optional marginHorizontal: number

Inherited from

CommonStyleProps.marginHorizontal

---

marginVertical

• Optional marginVertical: number

Inherited from

CommonStyleProps.marginVertical

---

marginTop

• Optional marginTop: number

Inherited from

CommonStyleProps.marginTop

---

marginBottom

• Optional marginBottom: number

Inherited from

CommonStyleProps.marginBottom

---

marginLeft

• Optional marginLeft: number

Inherited from

CommonStyleProps.marginLeft

---

marginRight

• Optional marginRight: number

Inherited from

CommonStyleProps.marginRight

---

padding

• Optional padding: number

Inherited from

CommonStyleProps.padding

---

paddingHorizontal

• Optional paddingHorizontal: number

Inherited from

CommonStyleProps.paddingHorizontal

---

paddingVertical

• Optional paddingVertical: number

Inherited from

CommonStyleProps.paddingVertical

---

paddingTop

• Optional paddingTop: number

Inherited from

CommonStyleProps.paddingTop

---

paddingBottom

• Optional paddingBottom: number

Inherited from

CommonStyleProps.paddingBottom

---

paddingLeft

• Optional paddingLeft: number

Inherited from

CommonStyleProps.paddingLeft

---

paddingRight

• Optional paddingRight: number

Inherited from

CommonStyleProps.paddingRight

---

height

• Optional height: number | "wrap_content" | "match_parent"

Inherited from

CommonStyleProps.height

---

width

• Optional width: number | "wrap_content" | "match_parent"

Inherited from

CommonStyleProps.width

---

backgroundColor

• Optional backgroundColor: `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`

Inherited from

CommonStyleProps.backgroundColor

---

backgroundGradient

• Optional backgroundGradient: Object

Type declaration

Name	Type
from	ColorProp
to	ColorProp
orientation	"TOP_BOTTOM" | "TR_BL" | "RIGHT_LEFT" | "BR_TL" | "BOTTOM_TOP" | "BL_TR" | "LEFT_RIGHT" | "TL_BR"

Inherited from

CommonStyleProps.backgroundGradient

---

borderWidth

• Optional borderWidth: number

Inherited from

CommonStyleProps.borderWidth

---

borderTopWidth

• Optional borderTopWidth: number

Inherited from

CommonStyleProps.borderTopWidth

---

borderBottomWidth

• Optional borderBottomWidth: number

Inherited from

CommonStyleProps.borderBottomWidth

---

borderLeftWidth

• Optional borderLeftWidth: number

Inherited from

CommonStyleProps.borderLeftWidth

---

borderRightWidth

• Optional borderRightWidth: number

Inherited from

CommonStyleProps.borderRightWidth

---

borderColor

• Optional borderColor: `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`

Inherited from

CommonStyleProps.borderColor

---

borderTopColor

• Optional borderTopColor: `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`

Inherited from

CommonStyleProps.borderTopColor

---

borderBottomColor

• Optional borderBottomColor: `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`

Inherited from

CommonStyleProps.borderBottomColor

---

borderLeftColor

• Optional borderLeftColor: `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`

Inherited from

CommonStyleProps.borderLeftColor

---

borderRightColor

• Optional borderRightColor: `#${string}` | `rgba(${number}, ${number}, ${number}, ${number})`

Inherited from

CommonStyleProps.borderRightColor

---

borderRadius

• Optional borderRadius: number

Inherited from

CommonStyleProps.borderRadius

---

borderTopLeftRadius

• Optional borderTopLeftRadius: number

Inherited from

CommonStyleProps.borderTopLeftRadius

---

borderTopRightRadius

• Optional borderTopRightRadius: number

Inherited from

CommonStyleProps.borderTopRightRadius

---

borderBottomLeftRadius

• Optional borderBottomLeftRadius: number

Inherited from

CommonStyleProps.borderBottomLeftRadius

---

borderBottomRightRadius

• Optional borderBottomRightRadius: number

Inherited from

CommonStyleProps.borderBottomRightRadius

---

borderStyle

• Optional borderStyle: "solid" | "dotted" | "dashed"

Inherited from

CommonStyleProps.borderStyle

---

rotation

• Optional rotation: number

Inherited from

CommonStyleProps.rotation