HarmonyOS Row组件怎么居中

Row() {
  Image($r('xxx')).width(55).margin({
    left: 12, right: 8
  })
  Text('xx').fontSize(20).fontColor($r('xxx')).textAlign(TextAlign.Center)
}.width('100%')
.height(50)

怎么才能让Image居左和Text居屏幕中间?

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

参考示例如下:

import { webview } from '@kit.ArkWeb';
import { BusinessError } from '@kit.BasicServicesKit';

@Entry
@Component
struct WebComponent {
  controller: webview.WebviewController = new webview.WebviewController();

  build() {
    Column() {

      Flex({ direction: FlexDirection.Row, justifyContent: FlexAlign.SpaceBetween, alignItems: ItemAlign.Center }) {
        Image($r('app.media.app_icon')).width(55).padding({
          left: 12, right: 8
        })
        Text('xx').width(55).fontSize(20).fontColor(Color.Pink).textAlign(TextAlign.Center)
        Divider().width(55).backgroundColor('#00000000').visibility(Visibility.Hidden)
      }.width('100%')
      .height(50)
    }
    .width('100%')
    .height('100%')
    .backgroundColor(Color.Brown)
  }
}
分享
微博
QQ
微信
回复
2天前
相关问题
HarmonyOS 文字在Row中不居中
216浏览 • 1回复 待解决
HarmonyOS NavDestination的title怎么居中
158浏览 • 1回复 待解决
HarmonyOS Row 怎么设置中间最大宽度
161浏览 • 1回复 待解决
HarmonyOS Navigation中title怎么居中显示
132浏览 • 1回复 待解决
HarmonyOS 组件剩余区域居中显示
154浏览 • 1回复 待解决
HarmonyOS list组件点击后,滚动居中
130浏览 • 1回复 待解决
Text文本不垂直居中,该怎么处理呢?
3605浏览 • 1回复 待解决
Input组件是否支持设置文本居中对齐
2211浏览 • 1回复 待解决