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

HarmonyOS
5h前
浏览
收藏 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
微信
回复
4h前
相关问题
HarmonyOS scroll滑动问题
451浏览 • 1回复 待解决
HarmonyOS 嵌套滑动问题
337浏览 • 1回复 待解决
HarmonyOS Tabs和Web嵌套左右滑动问题
336浏览 • 1回复 待解决
仿射变换后列表滑动问题
274浏览 • 1回复 待解决
scroll和list嵌套滑动
1496浏览 • 1回复 待解决
Scroll与WaterFlow滑动嵌套
1026浏览 • 1回复 待解决
HarmonyOS list滑动问题
809浏览 • 1回复 待解决
HarmonyOS Slider滑动问题
344浏览 • 1回复 待解决
HarmonyOS scroll嵌套List不能整体滑动
454浏览 • 1回复 待解决
TabContent内web组件滑动问题
236浏览 • 2回复 待解决
HarmonyOS Refresh组件嵌套滑动冲突问题
963浏览 • 1回复 待解决
HarmonyOS Grid组件子项拖动问题
179浏览 • 1回复 待解决
Grid嵌套动问题有知道吗?
2641浏览 • 1回复 待解决
HarmonyOS Scroll组件无法滑动
449浏览 • 1回复 待解决
HarmonyOS Tabs组件嵌套滑动
384浏览 • 1回复 待解决
HarmonyOS Scroll组件动问题
548浏览 • 1回复 待解决
Tabs组件嵌套滑动组件
1424浏览 • 1回复 待解决
HarmonyOS Grid横向滑动
396浏览 • 1回复 待解决