HarmonyOS list组件问题

list组件中有个TextInput和text，如何将TextInput中输入的内容展示到text中。

HarmonyOS

fox280

2024-12-25 12:56:04

浏览

回答 1

待解决

回答 1

按赞同

按时间

aquaa

定义一个变量来接收change的参数，参考示例如下：

// xxx.ets
import { JSON } from '@kit.ArkTS'

@Observed
class Test {
}

@Entry
@Component
struct ListExample {
  @State arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
  @State editFlag: boolean = false
  @State amount: string = ''
  @State value: string = ''

  build() {
    Stack({ alignContent: Alignment.TopStart }) {
      Column() {
        List({ space: 20, initialIndex: 0 }) {
          ForEach(this.arr, (item: number, index?: number) => {
            ListItem() {
              Column() {
                TextInput({ text: $$this.amount })
                  .type(InputType.Number)
                  .fontSize(16)
                  .fontColor('#393939')
                  .padding(1)
                  .textAlign(TextAlign.End)
                  .inputFilter('^([1-9]?\\d|100)$')
                  .backgroundColor(Color.Yellow)
                  .constraintSize({ minWidth: 10 })
                  .width('100%')
                  .onChange(v => {
                    this.value = v
                    if (v == '2') {
                      this.amount = "52"
                    } else if (v == '1') {
                      this.amount = "52"
                    }
                  })
                Text(this.value)
              }
            }
          }, (item: string) => item.toString())
        }.width('90%')
        .scrollBar(BarState.Off)
        .friction(0.6)
      }.width('100%')
    }.width('100%').height('100%').backgroundColor(0xDCDCDC).padding({ top: 5 })
  }
}