HarmonyOS 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("啊是打火机卡的黑科技")
  }
HarmonyOS
11h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

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

分享
微博
QQ
微信
回复
10h前
相关问题
HarmonyOS Flex组件宽度问题
349浏览 • 1回复 待解决
HarmonyOS Flex 布局设置问题
440浏览 • 1回复 待解决
HarmonyOS WebController存在调用顺序问题
326浏览 • 1回复 待解决
HarmonyOS UI布局问题
387浏览 • 1回复 待解决
HarmonyOS crypto-js 性能存在问题
405浏览 • 1回复 待解决
HarmonyOS Slider UI展示问题
430浏览 • 1回复 待解决
HarmonyOS flex容器布局
869浏览 • 2回复 待解决
HarmonyOS UI 单位适配问题
284浏览 • 1回复 待解决
Tabs组件自定义导航栏UI问题
811浏览 • 1回复 待解决
HarmonyOS 绝对布局位置不对
329浏览 • 0回复 待解决
HarmonyOS UI内部使用AppStorage问题
343浏览 • 1回复 待解决
HarmonyOS UI 未刷新问题
534浏览 • 0回复 待解决
HarmonyOS 原生应用的UI设计问题
410浏览 • 1回复 待解决
Divider组件是否存在虚线属性
659浏览 • 1回复 待解决