HarmonyOS 关于Scroll和List嵌套滚动的悬停问题
我想实现的功能是,Scroll Area 滚动到一半就悬停,但是嵌套的List 并不能滚动到底部(item 28,item 29 被藏住了),有什么办法让下面List的内容能完全的显示出来。代码如下:
@Entry
@Component
struct StickyNestedScroll {
@State arr: number[] = []
private stop:boolean = true
private scroller = new Scroller()
@Styles
listCard() {
.backgroundColor(Color.White)
.height(72)
.width("100%")
.borderRadius(12)
}
build() {
Scroll(this.scroller) {
Column() {
Text("Scroll Area")
.width("100%")
.height("40%")
.backgroundColor('#0080DC')
.textAlign(TextAlign.Center)
.onAreaChange((_, newValue) => {
if ( newValue.globalPosition.y && newValue.height) {
if (Math.abs(newValue.globalPosition.y as number) >= (newValue.height as number)/2) {
this.stop = true
}else {
this.stop = false
}
}else {
this.stop = false
}
})
Tabs({ barPosition: BarPosition.Start }) {
TabContent() {
List({ space: 10 }) {
ForEach(this.arr, (item: number) => {
ListItem() {
Text("item" + item)
.fontSize(16)
}.listCard()
}, (item: string) => item)
}.width("100%")
.edgeEffect(EdgeEffect.Spring)
.nestedScroll({
scrollForward: NestedScrollMode.PARENT_FIRST,
scrollBackward: NestedScrollMode.SELF_FIRST
})
}.tabBar("Tab1")
TabContent() {
}.tabBar("Tab2")
}
.vertical(false)
.height("100%")
}.width("100%")
}
.onScrollFrameBegin((offset: number) => {
if (!this.stop) return { offsetRemain: offset };
if (offset <= 0) return { offsetRemain: offset }
return {
offsetRemain: 0
}
})
.edgeEffect(EdgeEffect.Spring)
.friction(0.6)
.backgroundColor('#DCDCDC')
.scrollBar(BarState.Off)
.width('100%')
.height('100%')
}
aboutToAppear() {
for (let i = 0; i < 30; i++) {
this.arr.push(i)
}
}
}
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47.
- 48.
- 49.
- 50.
- 51.
- 52.
- 53.
- 54.
- 55.
- 56.
- 57.
- 58.
- 59.
- 60.
- 61.
- 62.
- 63.
- 64.
- 65.
- 66.
- 67.
- 68.
- 69.
- 70.
- 71.
- 72.
- 73.
- 74.
- 75.
- 76.
- 77.
- 78.
HarmonyOS
赞
收藏 0
回答 1
相关问题
scroll和list的嵌套滑动
2555浏览 • 1回复 待解决
HarmonyOS scroll和list滚动冲突
1127浏览 • 1回复 待解决
HarmonyOS Scroll嵌套List的滑动问题
785浏览 • 1回复 待解决
HarmonyOS Scroll嵌套Scroll,外部的Scroll无法滚动
835浏览 • 1回复 待解决
HarmonyOS List嵌套List和List嵌套Grid问题
891浏览 • 1回复 待解决
refresh + scroll+list嵌套问题
1067浏览 • 1回复 待解决
#鸿蒙通关秘籍# 在HarmonyOS中怎样解决Scroll和List组件嵌套时的滚动冲突,确保滚动顺畅?
722浏览 • 0回复 待解决
HarmonyOS Scroll+web+list的嵌套滑行
641浏览 • 1回复 待解决
HarmonyOS Scroll嵌套list,scrollToItemInGroup不执行
1876浏览 • 1回复 待解决
List、Scroll、Swipper 、web等嵌套使用滑动冲突问题
2274浏览 • 1回复 待解决
HarmonyOS scroll嵌套List不能整体滑动
1343浏览 • 1回复 待解决
HarmonyOS List和Web嵌套问题
690浏览 • 1回复 待解决
HarmonyOS scroll嵌套list页面无法滑动
1402浏览 • 1回复 待解决
HarmonyOS Scroll中嵌套List滑动事件冲突
816浏览 • 1回复 待解决
HarmonyOS Scroll 嵌套 RelativeContainer 问题
1246浏览 • 1回复 待解决
HarmonyOS Web组件和List的嵌套使用问题
1306浏览 • 1回复 待解决
HarmonyOS Scroll嵌套RelativeContainer 问题
1073浏览 • 1回复 待解决
HarmonyOS scroll滚动问题
711浏览 • 1回复 待解决
Web和List嵌套手势冲突问题
1691浏览 • 1回复 待解决
HarmonyOS list嵌套scroll+list布局,如果解决滑动冲突
1258浏览 • 1回复 待解决
HarmonyOS list、scroll容器组件如何获取滚动的距离
940浏览 • 1回复 待解决
HarmonyOS Scroll组件滚动问题
1429浏览 • 1回复 待解决
HarmonyOS 应用可滚动的复杂首页如何实现,List ?Scroll?
682浏览 • 1回复 待解决
Tabs部分可以尝试修改为以下代码
将高度设置为80%
根因为写100%的话,滑动后加上上面text部分,总高则为120%,超出了屏幕展示区域;原本text设置的40%,滑动一半为20%,下面tabs就只能占高为80%。