HarmonyOS 导航条适配沉浸式适配在NestedScroll场景下失效
@Entry
@Component
struct NestedScrollPage {
@State message: string = 'Hello World';
build() {
List(){
ListItem() {
Text("标题").height(100).width('100%').backgroundColor(Color.Red)
}
ListItem() {
Tabs({
}) {
TabContent() {
AlbumTracksPage()
}
TabContent() {
AlbumTracksPage()
}
}
.height('100%').width('100%').expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM])
}
}
.height('100%')
.width('100%')
.expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM])
}
}
@Component
struct AlbumTracksPage {
@State mTracks: number[] = new Array<number>();
aboutToAppear(): void {
for (let i = 0; i < 1000; i++) {
this.mTracks.push(i);
}
}
build() {
List() {
ForEach(this.mTracks, (item: number) => {
ListItem() {
Text("标题是 " + item).height(50).fontSize(30).width('100%').backgroundColor('#ffffff')
}
})
}.width('100%').height('100%') .nestedScroll({
scrollForward: NestedScrollMode.PARENT_FIRST,
scrollBackward: NestedScrollMode.SELF_FIRST
}).expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM])
}
}
导航条适配沉浸式适配在NestedScroll场景下失效,麻烦看下需要怎么配置下才行。
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS 底部导航条沉浸式方案
222浏览 • 1回复 待解决
未适配底部导航条,会出现遮挡情况
1857浏览 • 1回复 待解决
出现底部导航条,需要适配之前的ui布局,目前ui布局会压住导航条
1720浏览 • 1回复 待解决
HarmonyOS如何设置page沉浸式显示,title栏和导航条处显示page的里内容?
162浏览 • 1回复 待解决
全局覆盖的场景无法沉浸式,手机下方导航栏无法覆盖到
180浏览 • 1回复 待解决
HarmonyOS web在沉浸式和非沉浸式下内容展示不全问题
110浏览 • 1回复 待解决
#鸿蒙学习大百科#如何隐藏底部导航条?
150浏览 • 1回复 待解决
app内上部写有应用名的导航条如何去掉?
5092浏览 • 1回复 待解决
导航栏如何适配,有人知道吗?
1747浏览 • 0回复 待解决
HarmonyOS 在设置了全屏页面的情况下,Tabs组件(底部)该如何避让底部导航条?
485浏览 • 1回复 待解决
#鸿蒙学习大百科#如何让List组件的视窗范围扩展至导航条,实现滚动至最后一个时显示在导航条?
116浏览 • 1回复 待解决
HarmonyOS 沉浸式获取导航栏高度一直是0
168浏览 • 1回复 待解决
HarmonyOS 底部导航条在不同设备所占的像素大小(PX/DP)是多少?
240浏览 • 1回复 待解决
#鸿蒙学习大百科#如何获取设备底部导航条的高度?
156浏览 • 1回复 待解决
HarmonyOS 沉浸式方案
169浏览 • 1回复 待解决
Cronet适配HarmonyOS
806浏览 • 1回复 待解决
浏览器应用PC场景下的键鼠适配之右键交互及hover提示实现
744浏览 • 1回复 待解决
HarmonyOS 根据指南指定适配浅色场景,应用启动就发生崩溃JSCrash
190浏览 • 1回复 待解决
DSbridge HarmonyOS适配问题
124浏览 • 1回复 待解决
HarmonyOS深色主题适配
328浏览 • 1回复 待解决
HarmonyOS的appUI适配
243浏览 • 1回复 待解决
HarmonyOS 适配 React native
81浏览 • 1回复 待解决
如何在不同page中进行沉浸式和非沉浸式切换?
210浏览 • 1回复 待解决
Tabs, TabContent架构下实现沉浸式,设置设置 .expandSafeArea不生效
322浏览 • 1回复 待解决
HarmonyOS 图片适配,多尺寸屏幕怎么适配图片及图片背景
176浏览 • 1回复 待解决
AlbumTracksPage外套了TabContent组件,导致Bottom的safeArea失效。
解决方法是给Tabs和想要开启的TabContent也设置expandSafeArea。
expandSafeArea默认的安全区域是不包含状态栏和底部安全区域的,所以要显示上去需要所有相关的组件都开启。