在HarmonyOS NEXT开发中Flex组件存在问题，UI不对？

Question

在HarmonyOS NEXT开发中Flex组件存在问题，UI不对？期望效果是第一个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("啊是打火机卡的黑科技") 
  }

Answer 1

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