相关问题
#鸿蒙通关秘籍#如何在鸿蒙应用中隐藏导航条实现沉浸式效果?
330浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS使用BaseNavigation实现渐变导航条
277浏览 • 1回复 待解决
#鸿蒙通关秘籍# 在HarmonyOS NEXT中如何通过BaseNavigation封装实现渐变导航条效果?
211浏览 • 0回复 待解决
#鸿蒙学习大百科#如何让List组件的视窗范围扩展至导航条,实现滚动至最后一个时显示在导航条?
316浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何隐藏鸿蒙应用的状态栏和导航条以实现沉浸效果?
281浏览 • 1回复 待解决
#鸿蒙通关秘籍#List组件如何设置滚动方向与滚动效果
300浏览 • 1回复 待解决
HarmonyOS List组件滚动过程中或滚动结束时需要获取当前 X 轴位置距组件左侧的总偏移量,这个怎么实现?
650浏览 • 1回复 待解决
鸿蒙scrollview 嵌套 webview 在滑动过程中遮挡 下面的组件
7625浏览 • 1回复 已解决
HarmonyOS Swiper嵌套图片,滑动过程中圆角失效
164浏览 • 1回复 待解决
HarmonyOS Tabs组件在滑动过程中监听TabContent位置变化
34浏览 • 1回复 待解决
HarmonyOS Swiper组件如何获取手动滑动过程中的偏移量
488浏览 • 1回复 待解决
#鸿蒙通关秘籍#鸿蒙应用中的底部页签如何设置为背景延伸至导航条?
247浏览 • 1回复 待解决
页面滑动过程中动态修改状态栏文字颜色
481浏览 • 1回复 待解决
如何获取List组件滚动条滚动的距离
2714浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙中实现可滚动的导航栏?
338浏览 • 1回复 待解决
HarmonyOS 组件设置onClick事件,如何实现点击组件过程中,组件背景的变化效果
269浏览 • 1回复 待解决
#鸿蒙通关秘籍#在HarmonyOS NEXT中怎样实现覆盖翻页效果?
315浏览 • 1回复 待解决
HarmonyOS 无法隐藏底部导航条
228浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何使用HarmonyOS的Tabs组件创建滚动导航栏?
270浏览 • 1回复 待解决
HarmonyOS RN BottomTab组件显示在导航条下
122浏览 • 1回复 待解决
HarmonyOS 怎么隐藏底部导航条
214浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何获取拖拽过程中传递的数据?
213浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何使用HarmonyOS中的Tabs组件实现底部导航?
318浏览 • 2回复 待解决
#鸿蒙通关秘籍#如何使用Scroll组件实现页面滚动?
270浏览 • 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%') } }