HarmonyOS 列表拼接滑动问题: 例如Column的子组件是3个Grid, 如何滑动, 使用Scroll嵌套没有成功

HarmonyOS
2024-12-18 17:01:09
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

不要给外层组件设置高度,这样子组件内容超出高度范围即可滑动,可参考如下简单demo:

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';
  @State list:number[] = [1,2,3,4,5]

  build() {
    Scroll(){
      Column() {
        Grid(){
          ForEach(this.list,(item:number,index:number) =>{
            GridItem(){
              Text(`组件一数据项${item}`)
            }.height(300)
          })
        }.columnsTemplate('1fr 1fr').backgroundColor(Color.Red)
        Grid(){
          ForEach(this.list,(item:number,index:number) =>{
            GridItem(){
              Text(`组件二数据项${item}`)
            }.height(300)
          })
        }.columnsTemplate('1fr 1fr').backgroundColor(Color.Green)
        Grid(){
          ForEach(this.list,(item:number,index:number) =>{
            GridItem(){
              Text(`组件三数据项${item}`)
            }.height(300)
          })
        }.columnsTemplate('1fr 1fr').backgroundColor(Color.Blue)
      }
      .width('100%')
      // .height('100%')
      .justifyContent(FlexAlign.Center)
    }
  }
}
分享
微博
QQ
微信
回复
2024-12-18 18:21:51
相关问题
HarmonyOS Scroll嵌套List滑动问题
227浏览 • 1回复 待解决
HarmonyOS scroll滑动问题
763浏览 • 1回复 待解决
HarmonyOS 嵌套滑动问题
657浏览 • 1回复 待解决
HarmonyOS Tabs和Web嵌套左右滑动问题
582浏览 • 1回复 待解决
仿射变换后列表滑动问题
642浏览 • 1回复 待解决
HarmonyOS 滑动问题
230浏览 • 1回复 待解决
scroll和list嵌套滑动
2002浏览 • 1回复 待解决
Scroll与WaterFlow滑动嵌套
1467浏览 • 1回复 待解决
TabContent内web组件滑动问题
442浏览 • 2回复 待解决
HarmonyOS Slider滑动问题
734浏览 • 1回复 待解决
HarmonyOS list滑动问题
1079浏览 • 1回复 待解决
HarmonyOS scroll嵌套List不能整体滑动
822浏览 • 1回复 待解决
HarmonyOS onToch事件滑动问题
229浏览 • 1回复 待解决
HarmonyOS Refresh跟list组件惯性滑动问题
479浏览 • 1回复 待解决
Grid嵌套动问题有知道吗?
3018浏览 • 1回复 待解决