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)  
  }  
}
HarmonyOS
2024-09-29 11:51:56
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

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

分享
微博
QQ
微信
回复
2024-09-29 17:29:17
相关问题
HarmonyOS Flex组件存在问题,UI不对
69浏览 • 1回复 待解决
HarmonyOS Tabs组件宽度问题
72浏览 • 1回复 待解决
HarmonyOS Tabs组件的tabBar宽度问题
714浏览 • 1回复 待解决
HarmonyOS Flex 布局设置问题
486浏览 • 1回复 待解决
HarmonyOS Popup宽度问题
23浏览 • 1回复 待解决
HarmonyOS Flex组件是否有间隔属性
31浏览 • 1回复 待解决
HarmonyOS组件超出父组件宽度
42浏览 • 1回复 待解决
HarmonyOS 折叠屏webview宽度问题
481浏览 • 1回复 待解决
HarmonyOS 组件能否设置最小宽度
42浏览 • 1回复 待解决
HarmonyOS 如何获取组件宽度
459浏览 • 1回复 待解决
HarmonyOS flex居中
73浏览 • 1回复 待解决
HarmonyOS 子控件设置宽度100%问题
28浏览 • 1回复 待解决
HarmonyOS flex容器布局
968浏览 • 2回复 待解决