HarmonyOS 鸿蒙Next 自定义对话框自动关闭的问题

发布于 1周前 作者 sinazl 来自 鸿蒙OS

HarmonyOS 鸿蒙Next 自定义对话框自动关闭的问题

启动页做了个隐私协议弹窗，autoCancel为false。UI中使用 Text() ContainerSpan() Span()组件，设置了点击事件，点击后使用router.pushUrl()的方法跳转到协议页面。
当我点击时，对话框消失了同时页面进行了跳转。点击事件中没有调用close操作。
Span(…)
.onClick(v => {
router.pushUrl({
url: ‘pages/common/CommonWebPage’,
params: {
url: ‘https://*******’
}
})
})

现在希望从协议页返回时对话框不要消失。应该怎么控制？或者能否告知是什么原因导致对话框自动关闭的？

Harmonyos Next教程
2 回复

可以试下使用Stack组件模拟实现Dialog的效果，可以参考下以下demo：

import router from '[@ohos](/user/ohos).router';

[@Entry](/user/Entry)

[@Component](/user/Component)

struct First {

[@State](/user/State) textValue: string = 'Hello World'

// 显隐控制设置为不占用

[@State](/user/State) visible: Visibility = Visibility.None

build() {

// 使用stack可以实现假的dialog覆盖原页面上面

Stack() {

Row() {

// 初始页面

Column() {

Text('Hello World')

.fontSize(50)

.fontWeight(FontWeight.Bold)

// 触发dialog的地方

Button('click')

.onClick(() => {

console.log("hit me!")

if (this.visible == Visibility.Visible) {

this.visible = Visibility.None

} else {

this.visible = Visibility.Visible

}

})

.backgroundColor(0x777474)

.fontColor(0x000000)

}

.width('100%')

}

.height('100%')

.backgroundColor(0x885555)

//这里开始是构造弹窗效果主要需要修改的地方，首先是加了一个半透明灰色的蒙层效果

Text('')

.onClick(() => {

if (this.visible == Visibility.Visible) {

this.visible = Visibility.None

} else {

this.visible = Visibility.Visible

}

})

.width('100%')

.height('100%')

// 透明度可以自己调节

.opacity(0.16)

.backgroundColor(0x000000)

.visibility(this.visible)

Column() {

// 这个可以调节对话框效果，栅格布局，xs，sm，md，lg分别为四种规格

// 下面的breakpoints是用来区别当前属于哪个类型的断点

// gridRow里的栅格数量为总数，gridCol里的就是偏移和假Dialog所占据的栅格数

GridRow({

columns:{xs:1 ,sm: 4, md: 8, lg: 12},

breakpoints: { value: ["400vp", "600vp", "800vp"],

reference: BreakpointsReference.WindowSize },

})

{

GridCol({

span:{xs:1 ,sm: 2, md: 4, lg: 8},

offset:{xs:0 ,sm: 1, md: 2, lg: 2}

}){

// 这里放的就是原Dialog里的column里的东西，稍微改改应该就可以用了

Column() {

Text('Change text').fontSize(20).margin({ top: 10, bottom: 10 })

TextInput({ placeholder: '', text: this.textValue }).height(60).width('90%')

.onChange((value: string) => {

this.textValue = value

})

Text('Whether to change a text?').fontSize(16).margin({ bottom: 10 })

Flex({ justifyContent: FlexAlign.SpaceAround }) {

Button('cancel')

.onClick(() => {

if (this.visible == Visibility.Visible) {

this.visible = Visibility.None

} else {

this.visible = Visibility.Visible

}

}).backgroundColor(0xffffff).fontColor(Color.Black)

Button('jump')

.onClick(() => {

router.pushUrl({

url: 'pages/Second'

})

}).backgroundColor(0xffffff).fontColor(Color.Red)

}.margin({ bottom: 10 })

}

.backgroundColor(0xffffff)

.visibility(this.visible)

.clip(true)

.borderRadius(20)

}

}

}.width('95%')//设置弹窗宽度

}

}

}

针对HarmonyOS 鸿蒙Next自定义对话框自动关闭的问题，以下是一些可能的解决方案：

  1. 检查Dialog属性：

    • 自定义对话框时，确保未设置导致对话框自动关闭的属性。例如，检查autoCancel属性是否设置为true，如果是，则改为false以防止对话框在外部点击或某些操作时自动关闭。

  2. 生命周期管理：

    • 在页面的onPageShow生命周期方法中打开对话框，在onPageHide或aboutToDisappear中关闭对话框。这可以确保在页面重新显示时对话框状态得以保持。

  3. 返回键处理：

    • 如果希望在点击物理返回键时不关闭对话框，可以在创建CustomDialogController时指定cancel属性的回调函数，并在该回调函数中实现所需的操作（如退出应用），而不是直接关闭对话框。

  4. 编程逻辑控制：

    • 确保在触发其他对话框或页面跳转时，正确管理当前对话框的打开和关闭状态。例如，在打开新对话框前关闭旧对话框，或在返回页面时重新打开对话框。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html。

回到顶部