文本滑動選擇器彈窗

TextPickerDialog.show

show(options?: TextPickerDialogOptions)

定義文本滑動選擇器彈窗并彈出。

TextPickerDialogOptions參數(shù)：

TextPickerResult對象說明

示例

// xxx.ets
@Entry
@Component
struct TextPickerDialogExample {
  @State select: number = 2
  private fruits: string[] = ['apple1', 'orange2', 'peach3', 'grape4', 'banana5']

  build() {
    Row() {
      Column() {
        Button("TextPickerDialog")
          .margin(20)
          .onClick(() => {
            TextPickerDialog.show({
              range: this.fruits,
              selected: this.select,
              onAccept: (value: TextPickerResult) => {
                // 設(shè)置select為按下確定按鈕時候的選中項index，這樣當(dāng)彈窗再次彈出時顯示選中的是上一次確定的選項
                this.select = value.index
                console.info("TextPickerDialog:onAccept()" + JSON.stringify(value))
              },
              onCancel: () => {
                console.info("TextPickerDialog:onCancel()")
              },
              onChange: (value: TextPickerResult) => {
                console.info("TextPickerDialog:onChange()" + JSON.stringify(value))
              }
            })
          })
      }.width('100%')
    }.height('100%')
  }
}