Button组件

Button按钮组件，可快速创建不同样式的按钮。

只能包含单个子组件

方法1： 

Button(options?: {type?: ButtonType, stateEffect?: boolean})

参数：

方法2： 

Button(label?: ResourceStr, options?: { type?: ButtonType, stateEffect?: boolean })

使用文本内容创建相应的按钮组件，此时Button无法包含子组件。

参数：

属性：

除支持通用属性外，还支持以下属性：

TextInput组件

TextInput单行文本输入框组件。

无子组件

接口：

TextInput(value?:{placeholder?: ResourceStr, text?: ResourceStr, controller?: TextInputController})

参数：

属性：

除支持通用属性外，还支持以下属性：

示例

点击登录按钮，根据录入的值进行提示

@Entry
@Component
struct APage {
  @State userName: string = ""
  @State pwd: string = ""

  validate() {
    return this.userName !== "" && this.pwd !== ""
  }

  build() {
    Row() {
      Column({ space: 20 }) {
        TextInput({ placeholder: "请输入用户名", text: "admin" })
          .height(40)
          .onChange((value) => {
            this.userName = value
          })
        TextInput({ placeholder: "请输入密码" })
          .type(InputType.Password)
          .height(40)
          .onChange((value) => {
            this.pwd = value
          })

        Row() {
          Button("登录")
            .margin({
              right: 20
            })
            .enabled(this.validate())
            .onClick(() => {
              if (this.userName === "admin" && this.pwd === "123456") {
                AlertDialog.show({
                  message: "登录成功"
                })
              } else {
                AlertDialog.show({
                  message: "登录失败"
                })
              }
            })
        }
      }
      .width('100%')
      .height('100%')
      .justifyContent(FlexAlign.Center)
    }
    .padding({
      left: 10,
      right: 10
    })
  }
}