Panel容器打开后 被推上去的内容不会主动退下来 HarmonyOS 鸿蒙Next

Panel容器打开后 被推上去的内容不会主动退下来 HarmonyOS 鸿蒙Next

未打开状态

![正常](https://alliance-communityfile-drcn.dbankcdn.com/FileServer/getFile/cmtybbs/300/357/856/0080086200300357856.20221124000932.93323534503864680887447602418155:50531122161407:2800:656BDAF1E2FE122EBFE5CF8CC4C8156671992E9AB52813DCEF44AEF6B83F8BC0.png)

打开

![打开](https://alliance-communityfile-drcn.dbankcdn.com/FileServer/getFile/cmtybbs/300/357/856/0080086200300357856.20221124000951.49356622968520870227447086139945:50531122161407:2800:5FC922BC895C3AB9FB231AC188F02AA563D75BD48D595FDA103E8D219B22BFFD.png)

关闭

![关闭](https://alliance-communityfile-drcn.dbankcdn.com/FileServer/getFile/cmtybbs/300/357/856/0080086200300357856.20221124001016.24820613978172683231279922063945:50531122161407:2800:B8143385CEF18D1F0D64E1007671B765522D6223A06F428EB9A218DAC106B0E1.png)

可以看出来输入框和分割线,以及一段……&¥#¥……随便写的打开按钮呗推上去后就不会下来了,我试着设置show为false但还是不成功

更多关于Panel容器打开后 被推上去的内容不会主动退下来 HarmonyOS 鸿蒙Next的实战教程也可以访问 https://www.itying.com/category-93-b0.html

6 回复
楼主您好,我这边粘贴了一下您的代码,我这边sdk版本是2.3.7.5显示是没有问题的,建议能升级一下最新的sdk版本试试

```javascript
[@Entry](/user/Entry)
[@Componentstruct](/user/Componentstruct) Test {
  [@State](/user/State) show: boolean = false
  
  build() {
    Row() {
      Column() {
        TextInput({
          placeholder:'输入金额'
        })
        .placeholderColor('#00CDCD')
        .margin(12)
        .height(56)
        .backgroundColor(Color.White)
        .placeholderFont({ size: 23, weight: 100, style: FontStyle.Normal })
        .caretColor(Color.Gray)
        .fontSize(23)
        .type(InputType.Number)
        .onChange((value:string)=>{
          // this.spend = Number(value)  
        })
        Divider().vertical(false).strokeWidth(1).color(0x2788D9).lineCap(LineCapStyle.Round)
        Text('fhfhfh')
        .width('90%').height(50).borderRadius(10)
        .backgroundColor(0xFFFFFF).padding({ left: 20 })
        .onClick(() => {
          this.show = !this.show
        })
        Panel(this.show) { // 展示日程
          Column() {
          }
        }
        .width('100%').height(180).justifyContent(FlexAlign.Center).backgroundColor(Color.Red)
      }
      .width(320)
    }
    .height('100%')
  }
}

更多关于Panel容器打开后 被推上去的内容不会主动退下来 HarmonyOS 鸿蒙Next的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


关闭之后,页面退下来的动画实在不够优雅,我修改了onChange的判断,改为高度小于300就关闭panel这样是没问题的,就是关闭动画,页面推下来的动画实在够僵硬的哈哈哈,

好的,感谢楼主的建议,我会及时反馈给相关人员,谢谢您的支持,

觉得这个 show 仅仅只是组件不显示,并不改变 panel 的高度。

关闭之后,页面退下来的动画实在不够优雅,我修改了onChange的判断,改为高度小于300就关闭panel这样是没问题的,就是关闭动画,页面推下来的动画实在够僵硬的哈哈哈,

针对帖子标题“Panel容器打开后 被推上去的内容不会主动退下来 HarmonyOS 鸿蒙Next”的问题,以下是专业回答:

在HarmonyOS鸿蒙Next系统中,Panel容器是一种用于展示临时性内容的UI组件。当Panel容器打开时,它可能会遮挡或推挤其他内容。按照鸿蒙系统的设计逻辑,通常Panel容器关闭或隐藏后,被遮挡或推挤的内容会自动恢复到原来的位置。

如果出现Panel容器关闭后,被推上去的内容没有主动退下来的情况,这可能是由于以下几个原因:

  1. 动画或过渡效果未正确设置:检查Panel容器的打开和关闭动画,确保它们能够正确触发并影响内容的位置。
  2. 布局更新未触发:在Panel容器状态改变时,可能需要手动触发布局更新,以确保内容能够重新定位。
  3. 系统或应用Bug:在某些情况下,这可能是由系统或应用本身的Bug导致的。

为了解决这个问题,可以尝试重新设计Panel容器的动画和过渡效果,或者检查代码中的布局更新逻辑。如果问题依旧没法解决请联系官网客服,官网地址是 https://www.itying.com/category-93-b0.html

回到顶部