HarmonyOS UI布局水平居中问题

想实现一个text文本水平居中,文本可变,在这个文本右边显示一个TextTimer。

简单来说就是类似wrap_content水平居中,然后在右边接一个timer的文本显示

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
aquaa

format= 's' 不会补0,代码如下:

@Component
export struct MyTextTimer {
  textTimerController: TextTimerController = new TextTimerController();
  @Prop format: string;
  aboutToAppear(): void {
    this.textTimerController.start();
  }

  build() {
    Column() {
      TextTimer({ isCountDown: true, count: 30000, controller: this.textTimerController })
        .format(this.format)
        .fontColor(Color.Black)
        .fontSize(50)
        .onTimer((utc: number, elapsedTime: number) => {
          console.info('textTimer notCountDown utc is:' + utc + ', elapsedTime: ' + elapsedTime)
        })
      Row() {
        Button('start').onClick(() => {
          this.textTimerController.start()
        })
        Button('pause').onClick(() => {
          this.textTimerController.pause()
        })
        Button('reset').onClick(() => {
          this.textTimerController.reset()
        })
      }
    }
  }
}

@Entry
@Component
struct Index {

  @State format: string = 's'
  onPageShow(): void {
  }
  build() {
    Column() {
      MyTextTimer({format:this.format})
    }
  }
}

自适应拉伸 flexBasis('auto')

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-layout-development-flex-layout-V5

分享
微博
QQ
微信
回复
1天前
相关问题
HarmonyOS UI布局问题
438浏览 • 1回复 待解决
HarmonyOS 关于ui布局问题 --胡宏松
59浏览 • 1回复 待解决
HarmonyOS 栅格布局如何让其居中
29浏览 • 1回复 待解决
HarmonyOS UI布局如何打印日志?
322浏览 • 2回复 待解决
HarmonyOS Tab居中问题
45浏览 • 1回复 待解决
HarmonyOS RelativeContainer的居中问题
702浏览 • 1回复 待解决
HarmonyOS 布局问题
42浏览 • 1回复 待解决
HarmonyOS UI问题
48浏览 • 1回复 待解决
HarmonyOS 关于Tabs只能居中问题
60浏览 • 1回复 待解决
HarmonyOS相对布局问题
469浏览 • 1回复 待解决
HarmonyOS LazyForEach问题刷新UI问题
86浏览 • 1回复 待解决
【急】鸿蒙UI界面网格布局怎么设置?
16563浏览 • 4回复 待解决