我在導航欄中有 SegmentedPickerStyle Picker 視圖：
Picker(selection: self.$pickerSelection, label: Text("Pick One")) {
ForEach(0 ..< self.pickerImages.count) { index in
Image(self.pickerImages[index])
.resizable()
.frame(width: 20, height: 20)
}
}
.frame(width: 150)
.pickerStyle(SegmentedPickerStyle())
我希望收到方形影像，但得到了這個：
為什么影像不是方形以及如何使它們方形？
uj5u.com熱心網友回復：
分段選擇器中的影像似乎以奇怪的方式拉伸。我會建議在那里使用 SF Symbols，它可以很好地發揮作用：
struct SegmentedPickerView: View {
let pickerImages = ["bell", "clock", "face.smiling"]
@State var pickerSelection = ""
var body: some View {
Picker(selection: self.$pickerSelection, label: Text("Pick One")) {
ForEach(pickerImages, id: \.self) { image in
Image(systemName: image)
.resizable()
.frame(width: 20, height: 20)
}
}
.frame(width: 150)
.pickerStyle(SegmentedPickerStyle())
}
}
如果您需要不同的符號，您可以隨時制作自定義符號。這并不難。顯然，對于您選擇的影像，有 SF Symbol 替代品。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/322519.html