HarmonyOS鸿蒙Next中视图组件的宽度问题，如何设置组件的宽度为包裹内容类似安卓中的wrap_content

HarmonyOS鸿蒙Next中视图组件的宽度问题，如何设置组件的宽度为包裹内容类似安卓中的wrap_content

代码 如下

想要 TopBar 中的宽度可以自动根据文本的长度自动设置，我只需要控制 线的padding 就可以了

但是运行起来每个item的宽度都是全屏，这个有大神知道怎么改么？

import { Logger } from '../../../utils/Logger';
import { NavigationTabItemBean } from '../bean/NavigationTabItemBean'

const Tag = 'NavigationTabView'

@ComponentV2
export struct NavigationTabView {
  /**
   * 当前相中的item下标
   */
  @Param curSelectIndex: number | Resource = 0
  /**
   * navTab数组
   */
  @Param topBarList: Array<NavigationTabItemBean> = []
  /**
   * 点击事件
   */
  @Event onClickTabBar: (bean: NavigationTabItemBean) => void = () => {
    Logger.d(Tag, 'onClickTabBar def')
  };
  /**
   * 布局高度
   */
  @Param @Once rootLayoutHeight: number | Resource = 0
  /**
   * 跟布局左侧内边距
   */
  @Param @Once rootPaddingStart: number | Resource = 0
  /**
   * 跟布局右侧内边距
   */
  @Param @Once rootPaddingEnd: number | Resource = 0
  /**
   * 跟布局上方内边距
   */
  @Param @Once rootPaddingTop: number | Resource = 0
  /**
   * 跟布局下方内边距
   */
  @Param @Once rootPaddingBottom: number | Resource = 0
  /**
   * 跟布局背景颜色
   */
  @Param @Once rootBackGroundColor: Resource | Color = $r('app.color.transparent')
  /**
   * 未选中文本颜色
   */
  @Param @Once textColor: Resource | Color = $r('app.color.color_999999')
  /**
   * 选中文本颜色
   */
  @Param @Once selectTextColor: Resource | Color = $r('app.color.color_151515')
  /**
   * 文本字号
   */
  @Param @Once textSize: number | Resource = 15
  /**
   * 是否选中
   */
  @Param @Once isSelected: boolean = false
  /**
   * 是否展示下方指示线
   */
  @Param @Once showBottomLine: boolean = false
  /**
   * 未选中时 下方指示线颜色
   */
  @Param @Once bottomLineColor: Resource | Color = $r('app.color.transparent')
  /**
   * 下方指示线高度
   */
  @Param @Once bottomLineHeight: number | Resource = 2
  /**
   * 下方指示线宽度
   */
  @Param @Once bottomLineWidth: number | Resource = 0
  /**
   * 选中时 下方指示线颜色
   */
  @Param @Once selectBottomLineColor: Resource | Color = $r('app.color.transparent')
  /**
   * 子布局 左侧的内边距
   */
  @Param @Once itemPaddingStart: number | Resource = 0
  /**
   * 子布局 右侧的内边距
   */
  @Param @Once itemPaddingEnd: number | Resource = 0
  /**
   * 子布局 上侧的内边距
   */
  @Param @Once itemPaddingTop: number | Resource = 0
  /**
   * 子布局 下侧的内边距
   */
  @Param @Once itemPaddingBottom: number | Resource = 0
/**
 * 视图滑动方向
 */
  @Param @Once scrollable: ScrollDirection = ScrollDirection.None

  build() {
    Scroll() {
      Row() {
        ForEach(this.topBarList, (bean: NavigationTabItemBean) => {
          this.TopBar(bean)
        })
      }
    }.scrollable(this.scrollable)
    .scrollBar(BarState.Off)
    .height((this.rootLayoutHeight == 0) ? "auto" : this.rootLayoutHeight)
    .width("100%")
    .backgroundColor(this.rootBackGroundColor)
    .padding({
      left: this.rootPaddingStart,
      top: this.rootPaddingTop,
      bottom: this.rootPaddingBottom,
      right: this.rootPaddingEnd
    })

  }

  @Builder
  TopBar(bean: NavigationTabItemBean) {

    RelativeContainer() {
      Text(bean.title)
        .fontSize(this.textSize)
        .textAlign(TextAlign.Center)
        .fontColor((this.curSelectIndex == bean.index) ? this.selectTextColor : this.textColor)
        .padding({
          left: this.itemPaddingStart,
          right: this.itemPaddingEnd,
          top: this.itemPaddingTop,
          bottom: this.itemPaddingBottom
        })
        .alignRules({
          left:{anchor:'__container__',align:HorizontalAlign.Start},
          right:{anchor:'__container__',align:HorizontalAlign.End},
          bottom:{anchor:'__container__',align:VerticalAlign.Bottom},
          top:{anchor:'__container__',align:VerticalAlign.Top}
        })


      Text().height(this.bottomLineHeight)
        .backgroundColor((this.curSelectIndex == bean.index) ? this.selectBottomLineColor : this.bottomLineColor)
        .alignRules({
          left:{anchor:'__container__',align:HorizontalAlign.Start},
          right:{anchor:'__container__',align:HorizontalAlign.End},
          bottom:{anchor:'__container__',align:VerticalAlign.Bottom}
        })

    }.layoutWeight((this.scrollable == ScrollDirection.None) ? 1 : 0)
    .width('auto')
    .onClick(() => {
      this.onClickTabBar(bean)
    })
  }
}

/**
 * 导航标题的bean
 */
export interface NavigationTabItemBean{
  index:number
  title:string
}