SwiftUI - 如何在文本视图中更改自定义 SF 符号的颜色?
SwiftUI - How to change the color of a custom SF symbol in a Text View?
所以,我在 SwiftUI 视图中有一个文本,其中有一个自定义 SF 符号:
Text("This is some text with a \(Image(uiImage: UIImage(named: "customSFSymbol")!)) symbol.")
问题如下:
我想将所有视图设为白色,但是当我将 .foregroundColor(Color.white)
添加到视图时,SF 符号保持黑色。
你现在可以看到它的样子here
提前感谢您的帮助!
你可以这样使用
struct ContentView: View {
var body: some View {
Text("This is some text with a ").foregroundColor(Color.red) + imageText + Text("symbol.").foregroundColor(Color.red)
}
@ViewBuilder
var imageText: Text {
Text("\(Image(systemName: "square.and.pencil"))")
.foregroundColor(Color.blue)
}
}
您只需将 .renderingMode(.template)
添加到 Image
Text("This is some text with a \(Image(uiImage: UIImage(named: "customSFSymbol")!).renderingMode(.template)) symbol.")
所以,我在 SwiftUI 视图中有一个文本,其中有一个自定义 SF 符号:
Text("This is some text with a \(Image(uiImage: UIImage(named: "customSFSymbol")!)) symbol.")
问题如下:
我想将所有视图设为白色,但是当我将 .foregroundColor(Color.white)
添加到视图时,SF 符号保持黑色。
你现在可以看到它的样子here
提前感谢您的帮助!
你可以这样使用
struct ContentView: View {
var body: some View {
Text("This is some text with a ").foregroundColor(Color.red) + imageText + Text("symbol.").foregroundColor(Color.red)
}
@ViewBuilder
var imageText: Text {
Text("\(Image(systemName: "square.and.pencil"))")
.foregroundColor(Color.blue)
}
}
您只需将 .renderingMode(.template)
添加到 Image
Text("This is some text with a \(Image(uiImage: UIImage(named: "customSFSymbol")!).renderingMode(.template)) symbol.")