HarmonyOS Scroll组件滚动问题

当scroll的父组件增大到一定程度之后，再允许scroll滚动，没有增长到一定长度后，不允许scroll滚动，应该怎么做？

HarmonyOS

FengTianYa

2024-09-27 11:55:30

浏览

回答 1

待解决

回答 1

按赞同

按时间

superinsect

可以使用Stack布局，将Scroll组件上面的部分包裹，Scroll组件上方margin预留位置

参考代码如下：

import { ScrollExampleA } from './A';  
@Entry  
@Component  
export struct ScrollExampleB {  
  scroller: Scroller = new Scroller()  
  @State arr: number[] = [6666]  
  
  build() {  
    Column({ space: 5 }) {  
      Stack({ alignContent: Alignment.TopStart }) {  
        Column(){  
          Text("fadsfasdf")  
          Text("fadsfasdf")  
        }  
        ScrollExampleA({});  
      }  
    }  
    .clip(true)  
    .borderRadius(12)  
    .alignItems(HorizontalAlign.Start)  
    .backgroundColor(Color.White)  
    .shadow(ShadowStyle.OUTER_DEFAULT_XS)  
    .margin({ top: 100, left: 20, bottom: 180 })  
    .width("90%")  
  }  
}  
  
******************A**************************  
//A组件我只修改了上方margin值  
build() {  
  Column() {  
    Scroll(this.scroller) {  
      Column() {  
        ForEach(this.arr, (count: number) => {  
          Column() {  
            Text(count.toString())  
              .fontSize(30)  
              .fontColor("#666666")  
              .margin({ left: 10 })  
              .width("100%")  
          }  
          .clip(true)  
          .borderRadius(12)  
          .margin({ left: 10, top: 5, bottom: 10, right: 10 })  
          .shadow(ShadowStyle.OUTER_DEFAULT_XS)  
          .backgroundColor("#fff7f7f7")  
        })  
        this.addGatewayButton();  
      }  
      .clip(true)  
    }  
  }  
  .clip(true)  
  .margin({ top: 50, left: 20, right: 20 })  
}