ScrollView 不是从列表的开头开始，也不是从列表的末尾开始

问：

我有一个 IOS 应用程序，其中有 2 个列表，我显示在屏幕上，基本上是一个垂直滚动视图，里面是一个带有 2 个列表的水平滚动视图：

垂直滚动视图：

• 水平 ScrollView：

  1. SampleProfileView（示例配置文件视图）

  2. 示例配置文件视图B

组件1：

@ViewBuilder
func SampleProfileView() -> some View{
    var arrayData: [Int] = Array(1…50);
    LazyVStack{
        Text("About")
            .font(.custom("PlayfairDisplay-Bold", size: 25))
            .fontWeight(.bold)
            .frame(maxWidth: .infinity, alignment: .leading)
            .foregroundColor(.black)
            .padding(.horizontal)
        
        VStack{
            ForEach(arrayData, id: \.self){item in
                ZStack{
                    RoundedRectangle(cornerRadius: 15)
                        .fill(color.gradient)
                    //                        .frame(height: 100)
                    
                    Text("\(item)")
                        .font(.custom("PlayfairDisplay-Bold", size: 30))
                        .foregroundColor(.black)
                        .fontWeight(.bold)
                        .padding(.horizontal)
                }
                
            }
        }
    }
    
}

以下是组件 2：

@ViewBuilder
func SampleProfileViewB() -> some View{
    var arrayData: [Int] = Array(1…50);
    LazyVStack{
        Text("About")
            .font(.custom("PlayfairDisplay-Bold", size: 25))
            .fontWeight(.bold)
            .frame(maxWidth: .infinity, alignment: .leading)
            .foregroundColor(.black)
            .padding(.horizontal)
        
        VStack{
            ForEach(arrayData, id: \.self){item in
                ZStack{
                    RoundedRectangle(cornerRadius: 15)
                        .fill(color.gradient)
                    //                        .frame(height: 100)
                    
                    Text("\(item)")
                        .font(.custom("PlayfairDisplay-Bold", size: 30))
                        .foregroundColor(.black)
                        .fontWeight(.bold)
                        .padding(.horizontal)
                }
                
            }
        }
    }
    
}

我在以下主视图组件中使用了这两个组件：

    NavigationStack{
        ScrollView(.vertical){
            LazyVStack{
                TopProfileHeaderView()
                
                
                ScrollView(.horizontal){
                    LazyHStack{
                        
                        SampleProfileView()
                            .id(0)
                            .containerRelativeFrame(.horizontal)
                        
                        
                        SampleProfileViewB()
                            .id(1)
                            .containerRelativeFrame(.horizontal)
                       
                    }
                    
                    
                }
                .scrollIndicators(.visible)
                .scrollTargetBehavior(.paging)
                .scrollTargetLayout()
            }
            
        }
    }

图片 1：正如您在第一张图片中看到的，在顶部，它不会从列表的开头开始（即 0、1、2、3、4、5），也不会向上滚动到列表的开头。

图2：在第二张图片中，您可以看到当我滚动时，它没有到达列表的末尾（列表中的最后一个数字是 50）。

截图：

image_1 image_2

我的问题：

我的问题是，是什么阻止了列表达到全高并到达列表中的第一项和列表中的最后一项。

我的代码有问题吗？

感谢您的反馈。 谢谢。