Skip to main content
Version: v3

createWidget(widgetId, option)

Start from API_LEVEL 2.0 . Please refer to API_LEVEL.

Create UI widgets.

Type

(widgetId: WIDGET_ID, option?: Option) => widget: WIDGET

Parameters

ParameterDescriptionRequiredType
widgetIdThe ID of the widget to be created. (Reference WIDGET_ID)YES-
optionParameters.NO-
widgetThe instance of widget.--

WIDGET_ID

ValueDescription
widget.BUTTONButton widget ID.
IMG`Image widget ID.
...The rest of the values are not listed, refer to the widget directory.

WIDGET

DescriptionType
Widget objectobject

Code examples

Reference to a widget example.

import { createWidget, widget, align, text_style } from '@zos/ui'

Page({
build() {
const textWidget = createWidget(widget.TEXT, {
x: 96,
y: 120,
w: 288,
h: 46,
color: 0xffffff,
text_size: 36,
align_h: align.CENTER_H,
align_v: align.CENTER_V,
text_style: text_style.NONE,
text: 'HELLO ZEPPOS'
})
}
})