HarmonyOS list组件问题

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

HarmonyOS
2024-12-25 12:56:04
812浏览
收藏 0
回答 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 })
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
分享
微博
QQ
微信
回复
2024-12-25 15:55:30
相关问题
HarmonyOS List组件沉浸式问题
708浏览 • 1回复 待解决
HarmonyOS List组件锚点问题咨询
520浏览 • 1回复 待解决
HarmonyOS List组件动态刷新数据问题
1886浏览 • 1回复 待解决
HarmonyOS Web组件List的嵌套使用问题
1280浏览 • 1回复 待解决
HarmonyOS Refresh跟list组件惯性滑动问题
832浏览 • 1回复 待解决
HarmonyOS List嵌套ListList嵌套Grid问题
859浏览 • 1回复 待解决
List组件性能问题,有人知道吗?
2920浏览 • 1回复 待解决
HarmonyOS List组件滑动限制为1页的问题
451浏览 • 1回复 待解决
HarmonyOS List回弹问题
542浏览 • 1回复 待解决
HarmonyOS list数据加载问题
549浏览 • 1回复 待解决
HarmonyOS List的space问题
851浏览 • 1回复 待解决
List组件divider颜色显示透List组件颜色
782浏览 • 0回复 待解决
HarmonyOS list sticky相关问题
564浏览 • 1回复 待解决
HarmonyOS list滑动问题
1459浏览 • 1回复 待解决
HarmonyOS 列表List相关问题
1194浏览 • 1回复 待解决
HarmonyOS List组件和WaterFlow组件增强
1585浏览 • 1回复 待解决
HarmonyOS 监听List组件滑动
926浏览 • 1回复 待解决