相关问题
#鸿蒙通关秘籍#如何在鸿蒙应用中隐藏导航条实现沉浸式效果?
59浏览 • 1回复 待解决
#鸿蒙学习大百科#如何让List组件的视窗范围扩展至导航条,实现滚动至最后一个时显示在导航条?
185浏览 • 1回复 待解决
#鸿蒙通关秘籍# 在HarmonyOS NEXT中如何通过BaseNavigation封装实现渐变导航条效果?
39浏览 • 0回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS使用BaseNavigation实现渐变导航条
94浏览 • 1回复 待解决
HarmonyOS List组件滚动过程中或滚动结束时需要获取当前 X 轴位置距组件左侧的总偏移量,这个怎么实现?
487浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何隐藏鸿蒙应用的状态栏和导航条以实现沉浸效果?
55浏览 • 1回复 待解决
鸿蒙scrollview 嵌套 webview 在滑动过程中遮挡 下面的组件
7504浏览 • 1回复 已解决
页面滑动过程中动态修改状态栏文字颜色
361浏览 • 1回复 待解决
#鸿蒙通关秘籍#List组件如何设置滚动方向与滚动效果
45浏览 • 1回复 待解决
HarmonyOS Swiper组件如何获取手动滑动过程中的偏移量
363浏览 • 1回复 待解决
如何获取List组件滚动条滚动的距离
2547浏览 • 1回复 待解决
出现底部导航条,需要适配之前的ui布局,目前ui布局会压住导航条
1774浏览 • 1回复 待解决
HarmonyOS 底部导航条沉浸式方案
267浏览 • 1回复 待解决
#鸿蒙通关秘籍#鸿蒙应用中的底部页签如何设置为背景延伸至导航条?
57浏览 • 1回复 待解决
如何订阅List组件中滚动条到底端的事件
1733浏览 • 1回复 待解决
#鸿蒙学习大百科#如何隐藏底部导航条?
218浏览 • 1回复 待解决
如何在List组件中监听滚动条到底端的事件
2182浏览 • 1回复 待解决
#鸿蒙通关秘籍#在HarmonyOS NEXT中怎样实现覆盖翻页效果?
98浏览 • 1回复 待解决
未适配底部导航条,会出现遮挡情况
1959浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何使用HarmonyOS的Tabs组件创建滚动导航栏?
117浏览 • 1回复 待解决
app内上部写有应用名的导航条如何去掉?
5193浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何获取拖拽过程中传递的数据?
77浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何避免在组件的属性刷新过程中执行耗时操作?
93浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙中实现可滚动的导航栏?
62浏览 • 1回复 待解决
#鸿蒙学习大百科#如何获取设备底部导航条的高度?
218浏览 • 1回复 待解决
通过设置
expandSafeArea
属性,可以使List组件的视窗范围延伸至导航条。这样在滚动过程中,ListItems可以覆盖导航条,实现预期的视觉效果。typescript @Entry @Component struct ListExample { private arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
build() { Column() { List({ space: 20, initialIndex: 0 }) { ForEach(this.arr, (item: number) => { ListItem() { Text('' + item).width('100%').height(100).fontSize(16).textAlign(TextAlign.Center) } }, (item: string) => item) } .listDirection(Axis.Vertical) .scrollBar(BarState.Off) .divider({ strokeWidth: 2, color: 0xFFFFFF, startMargin: 20, endMargin: 20 }) .edgeEffect(EdgeEffect.Spring) .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM]) } .width('100%') .height('100%') } }