Apple TV中ScrollView嵌套LazyHGrid无法滚动的问题求助

你的代码里用了LazyHStack嵌套在横向ScrollView里但没实现滚动，核心原因是LazyHStack默认会根据内容自适应宽度，如果没有让内容宽度超出ScrollView的可视范围，滚动逻辑不会触发。可以通过以下调整解决：

• 给LazyHStack统一设置spacing属性管理子项间距，移除内部Text的重复横向内边距
• 确保LazyHStack不被限制宽度，让它根据子项数量自然扩展
• 可选：给ScrollView添加showsIndicators属性控制滚动条显示

修改后的代码：

ScrollView(.horizontal, showsIndicators: true) {
    LazyHStack(spacing: 10) { // 统一设置子项间距
        ForEach(1..<20) { index in
            Text("Item \(index)")
                .padding(.vertical, 8) // 保留垂直内边距
                .padding(.horizontal, 12)
                .foregroundColor(.white)
                .background(Color.blue)
                .cornerRadius(10)
                .focusable()
        }
    }
    .frame(height: 200)
    .padding()
}
.padding()

如果你原本想使用的是LazyHGrid（横向网格），需要正确配置GridItem，示例代码如下：

ScrollView(.horizontal) {
    LazyHGrid(rows: [GridItem(.fixed(80))], spacing: 10) {
        ForEach(1..<20) { index in
            Text("Item \(index)")
                .padding()
                .foregroundColor(.white)
                .background(Color.blue)
                .cornerRadius(10)
                .focusable()
        }
    }
    .frame(height: 200)
    .padding()
}
.padding()

核心要点：

• 横向滚动容器内，子视图（LazyHStack/LazyHGrid）必须有足够宽度超出ScrollView可视范围，滚动才会生效
• 避免给子视图容器设置固定宽度，让它根据内容自然扩展
• 统一管理间距，避免重复设置导致布局混乱

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