HarmonyOS 鸿蒙Next RelativeContainer布局，约束问题-组件不展示？

HarmonyOS 鸿蒙Next RelativeContainer布局，约束问题-组件不展示？ 代码如下 ：

想要实现的效果如图：约束【发布按钮】与左侧的【Text组件】是垂直居中的

在AlignDisStockReleaseButton变量中添加如下代码，即底部与左侧Text组件底部对齐，

但是会导致所有组件都不显示，请问是什么原因导致的？

@Entry
@Component
struct SnapshotExample {
  build() {

    RelativeContainer() {
      TextInput({ placeholder: '股林论股，畅所欲言～', text: '股林论股，畅所欲言～' })
        .id('disStockTextInput')
        .alignRules(AlignDisStockTextInput)
        .constraintSize({ maxWidth: '100%' })
        .margin({ top: 10, left: 16 })
        .fontSize(15)
        .fontColor($r('app.color.text_black_lv1'))

      Button('发布')
        .width(64)
        .height(30)
        .id('disStockReleaseButton')
        .alignRules(AlignDisStockReleaseButton)

      Row({ space: 10 }) {
        Text() {
          ImageSpan($r("app.media.publish_photo_icon")).width(16).aspectRatio(1)
          Span(' 图片').fontSize(14).fontColor($r('app.color.text_black_lv3'))
        }

        Text() {
          ImageSpan($r('app.media.publish_huati_icon')).width(16).aspectRatio(1)
          Span(' 话题').fontSize(14).fontColor($r('app.color.text_black_lv3'))
        }

        Text() {
          ImageSpan($r('app.media.publish_gupiao_icon')).width(16).aspectRatio(1)
          Span(' 股票').fontSize(14).fontColor($r('app.color.text_black_lv3'))
        }

        Text() {
          ImageSpan($r('app.media.publish_lianjie_icon')).width(16).aspectRatio(1)
          Span(' 链接').fontSize(14).fontColor($r('app.color.text_black_lv3'))
        }
      }
      .id('disStockRowRouter')
      .alignRules(AlignDisStockRowRouter)
      .margin({ left: 16 })

      Row() {
        Text('0/450')
      }
      .id('disTextNumLimit')
      .alignRules(AlignDisTextNumLimit)
    }
    .width('100%')
    .height(100)
    .backgroundColor('#c0c0c0')
  }
}

let AlignDisStockTextInput: Record<string, Record<string, string | VerticalAlign | HorizontalAlign>> = {
  'top': { 'anchor': '__container__', 'align': VerticalAlign.Top },
  'left': { 'anchor': '__container__', 'align': HorizontalAlign.Start },
  'right': { 'anchor': 'disStockReleaseButton', 'align': HorizontalAlign.Start }
}
let AlignDisStockReleaseButton: Record<string, Record<string, string | VerticalAlign | HorizontalAlign>> = {
  'top': { 'anchor': '__container__', 'align': VerticalAlign.Top },
  'right': { 'anchor': '__container__', 'align': HorizontalAlign.End }
}
let AlignDisStockRowRouter: Record<string, Record<string, string | VerticalAlign | HorizontalAlign>> = {
  'top': { 'anchor': 'disStockTextInput', 'align': VerticalAlign.Bottom },
  'bottom': { 'anchor': "__container__", 'align': VerticalAlign.Bottom },
  'left': { 'anchor': '__container__', 'align': HorizontalAlign.Start }
}
let AlignDisTextNumLimit: Record<string, Record<string, string | VerticalAlign | HorizontalAlign>> = {
  'top': { 'anchor': 'disStockTextInput', 'align': VerticalAlign.Bottom },
  'bottom': { 'anchor': "__container__", 'align': VerticalAlign.Bottom },
  'right': { 'anchor': '__container__', 'align': HorizontalAlign.End }
}