swiftui - 为什么选择器只显示一行？

Question

正如您在下面的屏幕截图中看到的，我的选择器显示一行:当我点击它时，我会弹出完整的值列表。

如何让选择器在原始 View 中显示多行(在我点击它之前)？

            // == Fuel picker action sheet
            if $showFuelPickerActionSheet.wrappedValue {
                GeometryReader { gr in
                    VStack {
                        VStack {
                            Text("Change fuel")
                                .font(.headline)
//                              .foregroundColor(.gray)
                                .padding(.top, 10)
                            Text("Pick the fuel you want to see the stats about:")
                                .padding(.top, 5)
                            Picker(
                                "Fuel picker",
                                selection: $pickedFuel
                            ) {
                                Text("0").id("0")
                                Text("1").id("1")
                                Text("2").id("2")
                                Text("3").id("3")
                                Text("4").id("4")
                                Text("5").id("5")
                            }
//                          .scaledToFit()
                            .frame(
                                maxWidth: gr.size.width  - 40
//                              ,minHeight: gr.size.width  - 40
                            )
//                          .labelsHidden()
                        }
                        .background(RoundedRectangle(cornerRadius: 10)
                        .foregroundColor(Color.white).shadow(radius: 1))
                        
                        //VStack {
                            Button(action: {
                                //debugPrint("Done Selected")
                                showFuelPickerActionSheet = false
                            }) {
                                Text("Done").fontWeight(Font.Weight.bold)
                            }
                            .padding()
                            .frame(maxWidth: gr.size.width  - 40)
                            .background(RoundedRectangle(cornerRadius: 10)
                            .foregroundColor(Color.white).shadow(radius: 1))
                        //}
                    }.position(
                        x: gr.size.width / 2 ,
                        y: gr.size.height - 80
                    )
                }
            } // if $showFuelPickerActionSheet.wrappedValue

Answer 1

可能你想要 .wheel 风格(没有其他风格展开)

        Picker(
            "Fuel picker",
            selection: $pickedFuel
        ) {
            Text("0").id("0")
            Text("1").id("1")
            Text("2").id("2")
            Text("3").id("3")
            Text("4").id("4")
            Text("5").id("5")
        }
        .pickerStyle(.wheel)     // << here !!