NavigationBarItems 中的分段樣式選擇器 alignment

Question

我現在正致力於將分段樣式選擇器放入 NavigationBarItems 中。 這是我正在使用的代碼：

struct ContentView: View {
    let modes = ["temperature", "distance"]

    var body: some View {
        NavigationView {
            ZStack {
                ...
                }
            }
            .navigationBarItems (leading:
                                    Picker ("Select mode:", selection: $currentMode) {
                                        ForEach (0..<mods.count) {
                                            Text(self.mods[$0])
                                        }
                                    }
                                    .pickerStyle(SegmentedPickerStyle())
            )
        }
    }
}

如果我使用leading:選擇器顯示在左側，如果我使用trailing:則選擇器顯示在右側。 我怎樣才能把它放在中心？

Answer 1

使用.toolbar代替，比如

ZStack {
    Text("Demo")
}
.toolbar {
    ToolbarItem(placement: .principal) {
        Picker ("Select mode:", selection: $currentMode) {
            ForEach (0..<modes.count) {
                Text(self.modes[$0])
            }
        }
        .pickerStyle(SegmentedPickerStyle())
    }
}