鸿蒙(HarmonyOS)应用开发实战——状态栏显隐变化

往期知识点整理

• 鸿蒙（HarmonyOS）北向开发知识点记录~
• 被裁员后，踏上了鸿蒙开发求职之路
• 持续更新中……

介绍

本示例介绍使用Scroll组件的滚动事件 onScroll 实现状态栏显隐变化。该场景多用于各种软件的首页、我的等页面中。

效果预览图

使用说明

1. 加载完成后显示状态栏显隐变化页面，上下拖动屏幕，顶端状态栏出现显隐变化。

实现思路

1. 在置顶位置使用stack组件添加两层状态栏。

Stack() {
   
  ...
  Header({
   headOpacity: this.headOpacity, titleBackgroundColor: $r('app.color.ohos_