HarmonyOS 布局超出边界,无法约束住

Flex() {
  Row(){

    Button({ buttonStyle: ButtonStyleMode.NORMAL }) {
      Image($r('app.media.main_top_left_button')).width('100%').height('100%')
    }
    .width(30)
    .height(30)
    .margin({ left: 15 })
    .onClick((event: ClickEvent) => {

    })

    Blank()
    Button({ buttonStyle: ButtonStyleMode.NORMAL }) {
      Image($r('app.media.main_top_left_search'))
    }.margin({ left: 15, right: 15 }).onClick((event: ClickEvent) => {

    })

    Blank()
    Image($r('app.media.main_top_right_button'))
      .width(30)
      .height(30)
      .margin({ right: 15 })
      .onClick((event: ClickEvent) => {
        buildRouterModel(RouterNameConstants.ENTRY_HAP, BuilderNameConstants.WEBVIEW_WEBVIEWPAGE,
          new WebParam(WebURLConstants.KEFU, this.tabBarHiddenClick));
      })
  }.width('100%')

}.width('100%').height(30).margin({ top: 54 })
}.width('100%').height(120)
HarmonyOS
2024-12-25 09:01:02
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

这是因为button没有设置宽度,blank是自适应宽度(占用剩余空间)然后button不设置宽度两个自适应的组件导致布局错误,给button一个宽度即可

分享
微博
QQ
微信
回复
2024-12-25 10:56:26
相关问题
HarmonyOS ArkUI是否有约束布局
473浏览 • 1回复 待解决
HarmonyOS 子组件超出父组件布局
267浏览 • 1回复 待解决
HarmonyOS UI布局子控件超出父控件宽度
290浏览 • 1回复 待解决
HarmonyOS 超出隐藏怎么实现
177浏览 • 1回复 待解决
HarmonyOS TextInput超出父容器
68浏览 • 1回复 待解决
HarmonyOS 富文本超出容器
712浏览 • 1回复 待解决
HarmonyOS 文本超出问题
372浏览 • 1回复 待解决
HarmonyOS 设计约束通过标准的目的
107浏览 • 1回复 待解决
HarmonyOS 子组件超出父组件宽度
265浏览 • 1回复 待解决
IPC与RPC通信有什么约束限制?
553浏览 • 1回复 待解决