【鸿蒙实战开发】(HarmonyOS)实现隐私政策弹窗

最新推荐文章于 2025-08-25 23:54:05 发布

原创

最新推荐文章于 2025-08-25 23:54:05 发布 · 1.1k 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#harmonyos #华为 #鸿蒙 #前端 #安卓

在实现用户协议弹窗时，通常我们会想到使用系统自定义弹窗，并在弹窗中点击跳转到Web页面。但在HarmonyOS中，由于系统弹窗的显示优先级高于其他组件，即使跳转到Web页面，弹窗依然会显示在最上层。

为了解决这个问题，我们可以自定义一个组件来模拟弹窗，这样当跳转到Web页面时，Web内容会覆盖这个模拟的弹窗。

效果图如下：

首先，我们来看程序的入口代码。最外层使用了一个RelativeContainer容器组件，通过showAgreePrivacyPolicy变量控制隐私政策弹窗的显示状态。每次启动应用时，该变量默认设置为true，以显示隐私政策弹窗。在实际开发中，你可以通过preferences保存这个变量的状态。

`struct Index {
 @State showAgreePrivacyPolicy:boolean=true;

 build() {
 RelativeContainer(){
 Row({space:10}){
 Image($r('app.media.app_icon')).width(60).height(60)

 Column({space:5}){
 Text($r('app.string.app_name')).fontSize(22).fontColor($r('app.color.title_color'))
 Text($r('app.string.launcher_tip')).fontSize(14).fontColor($r('app.color.other_color'))
 }.alignItems(HorizontalAlign.Start)
 }.alignRules({
 bottom: {anchor: "__container__", align: VerticalAlign.Bottom},
 middle: { anchor: '__container__',