HarmonyOS鸿蒙Next中实现隐私弹窗示例代码

介绍

本示例使用@CustomDialog实现隐私弹窗，使用AppStorage+PersistentStorage保存用户是否同意。

实现隐私弹窗源码链接

效果预览

图片名称

使用说明

用户进入应用弹出隐私弹窗，在点击同意后进入应用首页。
点击不同意弹出温馨提示弹窗，再次请求用户同意隐私保护协议。点击同意进入应用首页。
点击仍不同意后弹出需要同意隐私协议才能再次使用应用。点击再次查看回到温馨提示弹窗，点击退出应用结束使用。

实现思路

使用@CustomDialog实现隐私弹窗，使用AppStorage+PersistentStorage保存用户是否同意。核心代码如下：

Button('同意')
 .margin(5)
 .width(250)
 .backgroundColor($r('app.color.button_back_color'))
 .fontColor($r('sys.color.comp_background_list_card'))
 .onClick(() => {
   if (this.controller != undefined) {
     this.controller.close()
   }
   // 存储用户同意
   AppStorage.setOrCreate('isAgreed', true)
   PersistentStorage.persistProp('isAgreed', true)
   router.replaceUrl({ url: 'pages/MainPage' });
 })
 .height(40)

更多关于HarmonyOS鸿蒙Next中实现隐私弹窗示例代码的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

eggper 1楼•7 天前

在HarmonyOS鸿蒙Next中实现隐私弹窗，可以使用@ohos.promptAction模块中的showDialog方法。以下是一个简单的示例代码：

import promptAction from '@ohos.promptAction';

function showPrivacyDialog() {
  promptAction.showDialog({
    title: '隐私政策',
    message: '请阅读并同意我们的隐私政策以继续使用应用。',
    buttons: [
      {
        text: '同意',
        color: '#007AFF',
        action: () => {
          // 用户同意隐私政策后的操作
          console.log('用户同意隐私政策');
        }
      },
      {
        text: '拒绝',
        color: '#FF3B30',
        action: () => {
          // 用户拒绝隐私政策后的操作
          console.log('用户拒绝隐私政策');
        }
      }
    ]
  });
}

// 调用函数显示隐私弹窗
showPrivacyDialog();

这段代码创建了一个隐私弹窗，用户可以选择“同意”或“拒绝”隐私政策。showDialog方法用于显示弹窗，buttons数组定义了弹窗中的按钮及其点击后的操作。

更多关于HarmonyOS鸿蒙Next中实现隐私弹窗示例代码的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

songsunli 2楼•7 天前

在HarmonyOS Next中，可以通过@ohos.promptAction模块实现隐私弹窗。以下是一个简单的示例代码：

import promptAction from '@ohos.promptAction';

function showPrivacyDialog() {
    promptAction.showDialog({
        title: '隐私政策',
        message: '请阅读并同意我们的隐私政策。',
        buttons: [
            { text: '不同意', color: '#FF0000' },
            { text: '同意', color: '#00FF00' }
        ]
    }).then((result) => {
        if (result.index === 1) {
            console.log('用户同意了隐私政策');
        } else {
            console.log('用户不同意隐私政策');
        }
    }).catch((err) => {
        console.error('弹窗显示失败: ' + err);
    });
}

showPrivacyDialog();

该代码展示了如何在HarmonyOS Next中创建一个隐私弹窗，并根据用户的选择进行相应处理。