HarmonyOS 鸿蒙Next底部弹窗实现方案

需求是实现 app 上常见的底部弹窗：

1. 目前用 cutstomDialog 的话好像无法自定义从底部弹出弹窗动画

2.用半模态转场的话，这个圆角好像无法自定义

所以有什么其他方案吗

caililin 1楼•15 天前

楼主，实现上拉弹窗了么？我用

.transition(
  TransitionEffect
    .move(TransitionEdge.BOTTOM)
    .animation({
      duration:500
    })
)

实现了从底部出现，但是没法实现从底部消失

itying888 2楼•15 天前

https://developer.huawei.com/consumer/cn/doc/harmonyos-faqs-V5/faqs-arkui-223-V5

yibo5220 3楼•15 天前

自定义CustomDialog的时候，在appear里面实现进入的动画，关闭的时候先执行退出动画，然后再调用 close 方法。

phonegap100 4楼•15 天前

目前想了个方案，用半模态转场，把背景设置成透明，然后自己的布局设置白色就可以了。
说实话这种实现方式是在是有点太蠢了....

htzhanglong 5楼•15 天前

HarmonyOS 鸿蒙Next实现底部弹窗，可通过ArkUI框架的自定义组件和动画功能实现。首先，定义弹窗的UI结构，如使用Stack布局和Column容器来构建底部弹出的视图。然后，设置弹窗的显示与隐藏逻辑，通过控制组件的visibility属性或动画效果（如translateY）来实现底部滑出的效果。同时，确保弹窗内容符合设计要求，如文本、按钮等元素的布局和样式。如果问题依旧没法解决，请加我微信，我的微信是itying888。