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

最新推荐文章于 2024-11-27 15:53:19 发布

代码越多头发越少001

最新推荐文章于 2024-11-27 15:53:19 发布

阅读量1k

点赞数 5

分类专栏：安卓鸿蒙前端文章标签： harmonyos 华为鸿蒙前端安卓

本文链接：https://blog.youkuaiyun.com/niumadeshijie/article/details/141067939

版权

在实现用户协议弹窗时，通常我们会想到使用系统自定义弹窗，并在弹窗中点击跳转到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'))