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
2024-12-18 16:03:00
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

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

分享
微博
QQ
微信
回复
2024-12-18 17:34:13
相关问题
HarmonyOS Flex组件宽度问题
738浏览 • 1回复 待解决
HarmonyOS UI组件使用问题
370浏览 • 1回复 待解决
HarmonyOS Flex 组件的组合使用
185浏览 • 1回复 待解决
HarmonyOS Flex 布局设置问题
935浏览 • 1回复 待解决
HarmonyOS Web组件标题获取不对
113浏览 • 1回复 待解决
HarmonyOS Flex组件是否有间隔属性
423浏览 • 1回复 待解决
HarmonyOS UI问题
452浏览 • 1回复 待解决
HarmonyOS flex居中
435浏览 • 1回复 待解决
HarmonyOS WebController存在调用顺序问题
944浏览 • 1回复 待解决
HarmonyOS Flex怎么设置组件间的空行
218浏览 • 1回复 待解决
HarmonyOS UI布局问题
826浏览 • 1回复 待解决
HarmonyOS LazyForEach问题刷新UI问题
532浏览 • 1回复 待解决
Tabs组件自定义导航栏UI问题
1052浏览 • 1回复 待解决
HarmonyOS flex容器布局
1487浏览 • 2回复 待解决