8.7 发布—WinterCG 合规性第一部分
了解更多

<Button> 是一个 UI 组件，显示一个按钮，可以响应用户手势。

有关可用手势的更多信息，请参见 手势。

xml
<Button text="This is a button!" />

示例 ​

在按钮中格式化文本 ​

如果您需要对文本的某些部分进行样式设置，可以使用 FormattedString 和 Span 元素的组合。

xml
<Button>
  <FormattedString>
    <Span text="This text has a " />
    <Span text="red " style="color: red" />
    <Span text="piece of text. " />
    <Span text="Also, this bit is italic, " fontStyle="italic" />
    <Span text="and this bit is bold." fontWeight="bold" />
  </FormattedString>
</Button>

属性 ​

text ​

ts
text: string

设置按钮中显示的文本。

textWrap ​

ts
textWrap: boolean

获取或设置按钮是否应将较长的文本换行。

默认值为 false。

isEnabled ​

ts
isEnabled: boolean

允许禁用按钮。禁用的按钮不会响应用户手势。

默认值为 true。

...继承的 ​

有关其他继承属性，请参阅 API 参考。

事件 ​

tap ​

ts
on('tap', (args: TapGestureEventData) => {
  const button = args.object as Button
  console.log(`The button has been tapped!`)
})

按钮被点击时发出

参见 TapGestureEventData。

原生组件 ​

下一个
DatePicker