RescalerStyleProps

Type definitions

type RescalerStyleProps = {
    rescaleMode?: "fit" | "fill";
    horizontalAlign?: "left" | "right" | "justified" | "center";
    verticalAlign?: "top" | "center" | "bottom" | "justified";
    width?: number;
    height?: number;
    top?: number;
    right?: number;
    bottom?: number;
    left?: number;
    rotation?: number;
    borderRadius?: number;
    borderWidth?: number;
    borderColor?: string;
    boxShadow?: BoxShadow[];
}

Properties

rescaleMode

Content resize mode.

• Type: "fit" | "fill"
• Default value: "fit"
• Supported values:
  • "fit" - Resizes the component to match one dimension of the parent while ensuring it remains fully visible.
  • "fill" - Resizes the component to cover the entire area of the parent by matching at least one dimension; excess is clipped.

---

horizontalAlign

Horizontal alignment.

• Type: "left" | "right" | "justified" | "center"
• Default value: "center"

---

verticalAlign

Vertical alignment.

• Type: "top" | "center" | "bottom" | "justified"
• Default value: "center"

---

width

Width of a component in pixels.

• Type: number

Caution

The behavior of the Rescaler component varies depending on the type of its parent component:

• Non-layout parent - When the parent is not a layout component, the width property is required.
• Layout parent - For parents that are layout components, please refer to the relevant component documentation.

---

height

Height of a component in pixels.

• Type: number

Caution

The behavior of the Rescaler component varies depending on the type of its parent component:

• Non-layout parent - When the parent is not a layout component, the height property is required.
• Layout parent - For parents that are layout components, please refer to the relevant component documentation.

---

top

Specifies the distance in pixels from the top edge of this component to the top edge of its parent component. If this attribute is set, the element will be positioned absolutely, overriding any layout constraints imposed by its parent.

• Type: number

---

right

Specifies the distance in pixels from the right edge of this component to the right edge of its parent component. If this attribute is set, the element will be positioned absolutely, overriding any layout constraints imposed by its parent.

• Type: number

---

bottom

Specifies the distance in pixels from the bottom edge of this component to the bottom edge of its parent component. If this attribute is set, the element will be positioned absolutely, overriding any layout constraints imposed by its parent.

• Type: number

---

left

Specifies the distance in pixels from the left edge of this component to the left edge of its parent component. If this attribute is set, the element will be positioned absolutely, overriding any layout constraints imposed by its parent.

• Type: number

---

rotation

Specifies the rotation of a component, measured in degrees. If this attribute is set, the element will be positioned absolutely, overriding any layout constraints imposed by its parent.

• Type: number

borderRadius

Radius of a rounded corner.

• Type: number
• Default value: 0.0

---

borderWidth

Border width.

• Type: number
• Default value: 0.0

---

borderColor

Border color in a "#RRGGBBAA" format.

• Type: string
• Default value: "#00000000"

---

boxShadow

List of box shadows.

• Type: BoxShadow[]

BoxShadow

type BoxShadow = {
  offsetX?: number;
  offsetY?: number;
  color?: string;
  blurRadius?: number;
}

Properties

offsetX

Specifies the horizontal offset on the x-axis. Positive values move the element to the right, negative values move it to the left.

• Type: number
• Default value: 0.0

---

offsetY

Specifies the vertical offset on the y-axis. Positive values move the element downward, negative values move it upward.

• Type: number
• Default value: 0.0

---

color

Color in a "#RRGGBBAA" format.

• Type: string
• Default value: #FFFFFFFF

---

blurRadius

Defines the radius of the blur effect.

• Type: number
• Default value: 0.0