web-dev-qa-db-ja.com

Swiftuiでsfシンボルアイコンのストローク/塗りつぶしの色を変更する方法はありますか?

Swiftuiでsfシンボルアイコンのストローク/塗りつぶしの色を変更する方法を探しています。

私は.background(Color.red)を試しましたが、暗黙のうちにアイコン全体の背景が変更されるだけで(実際のアイコン自体には変更は適用されません)、アイコンに何もしない.foregroundColor(Color.red)も試しました。

コンテンツビューの内容は以下の通りです

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

10

foregroundColor(_ color: Color?)を使用して、sfシンボルアイコンのストロークと塗りつぶしの色を変更できます。

次のコード:

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

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

これを生成する必要があります: 塗りつぶされ、ストロークされたFlame SFシンボルアイコン

これが完全なSwiftUI View Codeです

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

}

10
Noemi Quezada

はいあります:

var body: some View {
    Image(systemName: "person.circle").accentColor(.red)    
}
3
Filip Sakel

色合いの色を変更するだけです。それは私のためにそれをしました。