HarmonyOS Popup宽度问题

bindPopup中不设置width会发现弹出的pop屏幕左右是有边距的,而内容区又是屏幕的宽度,导致内容显示不全。如果设置100%,可以填充屏幕宽度。我想知道在不设置width时系统默认的左右边距是多少?

HarmonyOS
2024-12-25 08:46:03
1152浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
superinsect

目前没有办法设置pop自己的位置,只能相对触发组件的位置,可以参考下面demo:

@Entry
@Component
struct PopupExample {
  @State handlePopup: boolean = false
  @State a:number|undefined = 1
  build() {
    Flex({ direction: FlexDirection.Column }) {
      // PopupOptions 类型设置弹框内容
      Button('PopupOptions')
        .onClick(() => {
          this.handlePopup = !this.handlePopup
        })
        .bindPopup(this.handlePopup, {
          message: 'This is a popup with PopupOptions',
          width:500,
          placementOnTop: true,
          showInSubWindow:true,
        }).position({
        left:'32%'
      })
    }.width('100%').padding({ top: 5 })
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
分享
微博
QQ
微信
回复
2024-12-25 10:49:00
相关问题
HarmonyOS popup宽度自适应
679浏览 • 1回复 待解决
HarmonyOS 子窗口弹出popup问题
588浏览 • 1回复 待解决
HarmonyOS Popup气泡支持边框问题
563浏览 • 1回复 待解决
HarmonyOS Flex组件宽度问题
1019浏览 • 1回复 待解决
HarmonyOS Tabs组件宽度问题
615浏览 • 1回复 待解决
HarmonyOS 折叠屏webview宽度问题
1129浏览 • 1回复 待解决
HarmonyOS Popup背景处理
416浏览 • 1回复 待解决
HarmonyOS 子控件设置宽度100%问题
975浏览 • 1回复 待解决
HarmonyOS Tabs组件的tabBar宽度问题
1379浏览 • 1回复 待解决
HarmonyOS 关于动态设置组件宽度问题
1153浏览 • 1回复 待解决
HarmonyOS Popup会拦截页面点击事件
581浏览 • 1回复 待解决