ScrollView中动态向Column添加对象后滚动失效问题求助

核心问题不是createObject的parent参数错误，而是ScrollView内部的container Rectangle设置了固定宽高，导致它无法跟随内部内容的增长自动调整尺寸，ScrollView也就无法正确计算滚动范围。

解决方案步骤： #

1. 让内容容器自适应内部尺寸
   删掉container的width: parent.width和height: parent.height，改为绑定内部Row的尺寸，这样容器会随着Column添加组件后的尺寸变化而更新：

   Rectangle {
       id: container
       color: "dimgray"
       smooth: true
       width: rowLyt.width
       height: rowLyt.height
   
       Row {
           id: rowLyt
           spacing: 0
           // 保留原有的四个Column
       }
   }
   

2. 优化动态组件创建逻辑（可选）
   提前预加载组件，避免每次点击都重新创建Component，同时处理异步加载的情况：

   // 在root内部添加预加载的Component
   Component {
       id: testModuleComponent
       source: "TestModule.qml"
   }
   
   function createTestModule()
   {
       if (testModuleComponent.status === Component.Ready) {
           var obj = testModuleComponent.createObject(testLyt);
           if (!obj) console.log("创建组件失败:", testModuleComponent.errorString());
       } else if (testModuleComponent.status === Component.Loading) {
           testModuleComponent.statusChanged.connect(function() {
               testModuleComponent.status === Component.Ready ? createTestModule() 
                                                              : console.log("组件加载失败:", testModuleComponent.errorString());
           });
       } else {
           console.log("组件加载错误:", testModuleComponent.errorString());
       }
   }
   

关键说明： #

你之前的createObject(testLyt)是完全正确的，动态组件本来就应该挂载到目标Column下，ScrollView无法滚动的根源是内容容器的尺寸被固定，没有跟随内部内容扩展，导致ScrollView认为内容没有超出可视区域。

修改后，当你往Column中添加红色矩形时，Column高度会自动增加，Row的高度会适配最高的Column，container的高度随之更新，ScrollView就能正确识别内容超出范围，从而允许滚动。

内容的提问来源于stack exchange，提问作者Cataract