HarmonyOS Flex组件存在问题，UI不对？

Question

如题：HarmonyOS Flex组件存在问题，UI不对？

Answer 1

问题场景

期望效果是第一个child1 Flex不应该充满整个主轴

Flex({
  direction: FlexDirection.Column,
  // wrap: FlexWrap.NoWrap,
  // justifyContent:  FlexAlign.Center,
  // alignItems: ItemAlign.Start,
  // alignContent: FlexAlign.Start,
}){
  Flex({
    direction: FlexDirection.Column,
    // wrap: FlexWrap.NoWrap,
    // justifyContent: FlexAlign.Start,
    // alignItems: ItemAlign.Start,
    // alignContent: FlexAlign.Start,
  }) {
    Text("啊是打火机卡的黑科技abc1234567890")
  }.id("child1")
  Text("啊是打火机卡的黑科技")
}

代码2:
  Flex({
    direction: FlexDirection.Column,
    // wrap: FlexWrap.NoWrap,
    // justifyContent:  FlexAlign.Center,
    // alignItems: ItemAlign.Start,
    // alignContent: FlexAlign.Start,
  }){
    Flex({
      direction: FlexDirection.Column,
      // wrap: FlexWrap.NoWrap,
      // justifyContent: FlexAlign.Start,
      // alignItems: ItemAlign.Start,
      // alignContent: FlexAlign.Start,
    }) {
      Text("啊是打火机卡的黑科技abc1234567890")
        .flexBasis(0).flexShrink(1).flexGrow(0)
    }.flexBasis(0).flexShrink(1).flexGrow(0).id("child1")
    Text("啊是打火机卡的黑科技")
  }

Flex组件主轴默认不设置时撑满父容器，Column、Row组件主轴不设置时默认是跟随子节点大小。