在 SwiftUI 中以固有大小显示分段选择器

Question

在 SwiftUI 中，Picker 样式 SegmentedPickerStyle 占据了其封闭视图的整个宽度。我怎样才能让它只占据它需要的宽度？

考虑一下：由以下代码生成：

struct ContentView: View {
    @State var value = 1
    var body: some View {
        Picker("Value", selection: $value) {
            Text("One").tag(1)
            Text("Two").tag(2)
        }
        .pickerStyle(SegmentedPickerStyle())
        .padding()
    }
}

如何从两个选择器选项中删除较大的边距，使选择器的宽度只达到它需要的宽度？这似乎是一个非常基本的问题，但我却找不到答案。

Answer 1

使用固定大小如下图

    Picker("Value", selection: $value) {
        Text("One").tag(1)
        Text("Two").tag(2)
    }
    .pickerStyle(SegmentedPickerStyle())
    .fixedSize()                           // << here !!

在 SwiftUI 中以固有大小显示分段选择器

Displaying Segmented Picker at Intrinsic Size in SwiftUI

picker

width

ios

segmentedcontrol

swiftui