HarmonyOS Flex组件宽度问题

宽度配置'auto'后,flex组件没有随Text组件宽度变化。代码如下:

@Component  
@Entry  
struct FlexTest {  
  build() {  
    Row() {  
      Flex() {  
        Text("短话")  
          .fontSize(13)  
          .fontColor($r('app.color.search_7a7d84'))  
          .maxLines(1)  
          .textOverflow({ overflow: TextOverflow.Ellipsis })  
          .ellipsisMode(EllipsisMode.END)  
      }  
      .width('auto')  
      .padding({ left: 12, top: 7, right: 12, bottom: 7 })  
      .height("auto")  
      .borderRadius(16)  
      .backgroundColor($r('app.color.start_window_background'))  
    }.backgroundColor($r('app.color.search_f4f5f9')).width('100%').height(28)  
  }  
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
HarmonyOS
2024-09-29 11:51:56
671浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
put_get

Flex设计规格:如果默认不设置宽度会撑满父容器,不会自适应子组件的大小。

分享
微博
QQ
微信
回复
2024-09-29 17:29:17


相关问题
HarmonyOS Flex组件存在问题,UI不对
694浏览 • 1回复 待解决
HarmonyOS Tabs组件宽度问题
598浏览 • 1回复 待解决
HarmonyOS Tabs组件的tabBar宽度问题
1369浏览 • 1回复 待解决
HarmonyOS 关于动态设置组件宽度问题
1128浏览 • 1回复 待解决
HarmonyOS Flex 布局设置问题
1392浏览 • 1回复 待解决
HarmonyOS Flex 组件的组合使用
511浏览 • 1回复 待解决
HarmonyOS Popup宽度问题
590浏览 • 1回复 待解决
HarmonyOS Flex组件是否有间隔属性
839浏览 • 1回复 待解决
HarmonyOS组件超出父组件宽度
834浏览 • 1回复 待解决
HarmonyOS Flex怎么设置组件间的空行
464浏览 • 1回复 待解决
HarmonyOS 组件能否设置最小宽度
614浏览 • 1回复 待解决
HarmonyOS 如何获取组件宽度
843浏览 • 1回复 待解决
HarmonyOS 折叠屏webview宽度问题
1112浏览 • 1回复 待解决
HarmonyOS flex居中
702浏览 • 1回复 待解决
HarmonyOS 子控件设置宽度100%问题
955浏览 • 1回复 待解决