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 布局设置问题
384浏览 • 1回复 待解决
HarmonyOS Tabs组件的tabBar宽度问题
555浏览 • 1回复 待解决
HarmonyOS 折叠屏webview宽度问题
361浏览 • 1回复 待解决
HarmonyOS flex容器布局
722浏览 • 2回复 待解决
HarmonyOS 如何获取组件宽度
378浏览 • 1回复 待解决
HarmonyOS如何测量Text组件宽度
388浏览 • 1回复 待解决
获取文本Text组件宽度
438浏览 • 1回复 待解决
组件宽度width是否包含borderWidth
565浏览 • 1回复 待解决
如何获取当前组件宽度
235浏览 • 1回复 待解决
设置子组件宽度不超出父组件
539浏览 • 1回复 待解决
如何设置父组件随子组件宽度变化
2167浏览 • 1回复 待解决
Flex布局与w3c中的flex是否有差异
889浏览 • 1回复 待解决
如何获取Text组件中文字的宽度
2089浏览 • 1回复 待解决
如何设置组件的最大最小宽度高度值
3139浏览 • 1回复 待解决