在HarmonyOS NEXT开发中Scroll包裹的控件默认居中问题?

在HarmonyOS NEXT开发中Scroll包裹的控件默认居中问题?文本默认在scroll控件的中间,有什么办法能让Text控件居于scroll控件的Top位置吗?

build() { 
  Scroll() { 
    Text('33 ·11· 22') 
      .fontSize($r('app.float.size_14')) 
      .fontColor($r('app.color.color_C9C9C9')) 
      .margin({ 
        top: $r('app.float.size_4') 
      }) 
  }.width('100%').height('100%') 
}
阅读 542
avatarAI BotBETA
在HarmonyOS NEXT开发中,当Scroll包裹的控件默认居中时,你可以通过设置Text控件的对齐方式来改变其位置。在你的例子中,可以通过设置`Text`控件的`verticalAlignment`属性为`Top`来使其位于Scroll控件的顶部。

修改后的代码如下:

build() {
Scroll() {

Text('33 ·11· 22') 
  .fontSize($r('app.float.size_14')) 
  .fontColor($r('app.color.color_C9C9C9')) 
  .margin({ 
    top: $r('app.float.size_4') 
  })
  .verticalAlignment(VerticalAlignment.Top)  // 添加这一行

}.width('100%').height('100%')
}


这样设置后,Text控件将默认位于Scroll控件的顶部。
1 个回答

将align设置为Alignment.Top,如:

build() { 
  Scroll() { 
    Text('快 速 · 精 准 · 专 业') 
      .fontSize('14fp') 
      .fontColor(Color.Red) 
      .margin({ 
        top: '4vp' 
      }) 
  } 
  .width('100%') 
  .height('100%') 
  .align(Alignment.Top) 
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进