气泡提示的用法很简单,可以参考官方API:
https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-popup-and-menu-components-popup-V5
在使用的时候有几个实用的点记录一下,看代码中的注释即可
.bindPopup(this.isNavPopShowing, {
builder: this.popupBuilder(), //pop布局
placement: Placement.Bottom,
radius : 0, //取消自带的圆角
offset:{ //设置x轴、y轴的偏移量
y : -this.bottom
},
width: '100%', //设置宽度充满屏幕
popupColor: Colors.bg_secondary,
enableArrow: false, //取消自带箭头
backgroundBlurStyle: BlurStyle.NONE,
shadow: { radius : Dimens.dimen(0) }, //取消自带阴影
autoCancel: true,
onStateChange: (e) => {
if (!e.isVisible) {
this.isNavPopShowing = false
}
}
})