SWIFTUI - 即使使用了 clipped() 选择器 View 触摸/可滚动区域仍然超出框架

Question

swift
我有一个选择器 View (轮子类型)，我将它的框架剪裁()到屏幕的一半宽度，从用户界面你可以看到它的一半，但可滚动区域仍然可以在该框架外操作。
如何删除该外部区域以使其不可滚动？

HStack(spacing: 0) {
    Picker(selection: self.$viewModel.selectedFrameworkIndex, label: Text("")) {
    ForEach(0 ..< viewModel.Categories.count) {
        Text(self.viewModel.Categories[$0])
            .foregroundColor((self.colorScheme == .dark) ? Color.white : Color.black)
         }
    }
    .frame(width: width / 2) // width is width of my screen
    .clipped() 
}

Answer 1

Add .compositingGroup() after .clipped()

HStack(spacing: 0) {
Picker(selection: self.$viewModel.selectedFrameworkIndex, label: Text("")) {
ForEach(0 ..< viewModel.Categories.count) {
    Text(self.viewModel.Categories[$0])
        .foregroundColor((self.colorScheme == .dark) ? Color.white : Color.black)
     }
}
.frame(width: width / 2) // width is width of my screen
.clipped() 
.compositingGroup()  }