swiftui - 在 SwiftUI 中更改 SF Symbol 图标的笔触/填充颜色？

Question

我正在寻找一种方法来更改 SwiftUI 中 SF Symbol 图标的笔触/填充颜色。

我已经尝试过.background(Color.red)，但这只是隐含地更改了整个图标的背景（没有对实际图标本身应用任何更改）。我也试过.foregroundColor(Color.red)这对图标没有任何作用。

内容视图的内容如下：

var body: some View {
    Image(systemName: "person.circle").foregroundColor(.red)    
}

标签： swiftuisf-symbols

Answer 1

您可以使用更改 sf 符号图标的笔触和填充颜色foregroundColor(_ color: Color?)

以下代码：

Image(systemName: "flame.fill").foregroundColor(.red)

Image(systemName: "flame").foregroundColor(.red)

应该产生这个：

这是完整的 SwiftUI 查看代码

struct Icon : View {
    var body: some View {
        HStack{
            Image(systemName: "flame.fill")
            .foregroundColor(.red)
            Image(systemName: "flame")
            .foregroundColor(.red)
        }
        .padding()
    }
}