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 布局设置问题
357浏览 • 1回复 待解决
HarmonyOS Tabs组件的tabBar宽度问题
498浏览 • 1回复 待解决
HarmonyOS 如何获取组件宽度
348浏览 • 1回复 待解决
HarmonyOS 折叠屏webview宽度问题
348浏览 • 1回复 待解决
HarmonyOS flex容器布局
617浏览 • 2回复 待解决
HarmonyOS如何测量Text组件宽度
358浏览 • 1回复 待解决
组件宽度width是否包含borderWidth
546浏览 • 1回复 待解决
获取文本Text组件宽度
399浏览 • 1回复 待解决
如何获取当前组件宽度
216浏览 • 1回复 待解决
如何设置父组件随子组件宽度变化
2099浏览 • 1回复 待解决
设置子组件宽度不超出父组件
485浏览 • 1回复 待解决
Flex布局与w3c中的flex是否有差异
846浏览 • 1回复 待解决
如何优化Flex的布局性能
427浏览 • 1回复 待解决
Divider组件如何设置分割线宽度
2709浏览 • 1回复 待解决