Swift 如何更改 Picker 的边框 colored颜色

发布于07月26日

我的视图中有一个 Select 器，我不知道如何访问边框 colored颜色 .这是代码:

Picker("Select a Project", selection: $selectedProjectString){
            ForEach(projects, id: \.self) {
                Text($0).lineLimit(1).frame(height:120)
            }
        }.foregroundColor(Color.white)
        .frame(height: 120)

Select 器看起来像这样，我希望绿色边框也是白色的.

谢谢

更新:

推荐答案

您可以通过自定义扩展来实现这一点.您可以将边框 colored颜色设置为任何 colored颜色 .(代码在图片下方)

贷记到@Tamas

测试视图:

Picker("Select a Project", selection: $pick){
                ForEach(animal, id: \.self) {
                    Text($0).lineLimit(1).frame(height:120)
                }
    }
    .focusBorderColor(color: .red)
    .foregroundColor(Color.white)
    .frame(height: 120)

扩展名:

extension Picker {
func focusBorderColor(color: Color) -> some View {
    let isWatchOS7: Bool = {
        if #available(watchOS 7, *) {
            return true
        }
        return false
    }()

    let padding: EdgeInsets = {
        if isWatchOS7 {
            return .init(top: 17, leading: 0, bottom: 0, trailing: 0)
        }
        return .init(top: 8.5, leading: 0.5, bottom: 8.5, trailing: 0.5)
    }()

    return self
        .overlay(
            RoundedRectangle(cornerRadius: isWatchOS7 ? 8 : 7)
                .stroke(color, lineWidth: isWatchOS7 ? 4 : 3.5)
                .offset(y: isWatchOS7 ? 0 : 8)
                .padding(padding)
        )
  }
}