[SwiftUI]NavigationLink(ナビゲーションリンク)の戻るボタン(back button)の色(color)を変える方法

どうも、ちょげ(@chogetarou)です。

NavigationLinkの戻るボタンの色を変える方法を紹介します。

方法
使用例
1. 関連

方法

NavigationLinkの戻るボタンの色を変えるには、accentColorモディファイアを使います。

まず、NavigationViewにaccentColor()をつけます。

そして、accentColorの引数に戻るボタンの色を指定します。

NavigationView {
    NavigationLink(destination: Text("テキスト")){
        ・・・
    }
}
.accentColor(/*戻るボタンの色*/)

accentColorモディファイアを使うことで、NavigationLinkの戻るボタンの色を変えることが出来ます。

使用例

以下は、使用例です。

struct SampleView: View {
    
    var body: some View {
        VStack{
            NavigationView {
                NavigationLink(destination: Text("SecondView")){
                    Text("Go!")
                }
                .foregroundColor(Color.blue)
            }
            .accentColor(Color.red)
        }
    }
}

struct SecondView: View {
    var body: some View {
        VStack {
            Text("SecondView")
        }
    }
}