他画面から背景色変化

Question

実現したいこと

SecondViewからContentViewの背景色を変更したいです

前提

SecondViewにToggle
ContentViewに変更したい背景色があります。

Toggleのある画面では、変化するのですが別画面ではしません。

発生している問題・エラーメッセージ

Missing argument for parameter 'backcolor' in call

該当のソースコード

struct ContentView{
let list = ["a", "b", "c"]
var body: some View {
@Binding var backcolor = false
            NavigationView {
                VStack{
                List {
                Section{
                    ForEach(list) { text in
                        NavigationLink {
                            NextView()
                        } label: {
                            Text("テキスト")
                        }
                        }
                    }
                }
}

struct NextView: View {
    @State var backcolor: Bool
    var body: some View {
        List{Section(header: Text("背景色").listRowBackground(Rectangle()                 
        .background(Color.clear)                 
        .foregroundColor(backcolor ? Color.gray : Color.white)                 
        .opacity(0.3) )
        .foregroundColor(backcolor ? Color.white : Color.black)){Toggle(isOn: $backcolor) {}}}.scrollContentBackground(.hidden).background(backcolor ? Color.black : Color.white)}
    }

試したこと

ContentViewの変数をisOnにしました。

補足情報（FW/ツールのバージョンなど）

Xcode14.1

Comments

[ura4]

つまらない質問ですみません

ご回答ありがとうございます。

何度やってもリストロウの背景色だけが変化しないので、ご質問させていただきました。

Answer 1

エラーを解消するとしたら次のような感じでしょうか。
細かいところを色々修正していますので、質問欄のコードと比較してみてください。
希望する動きと違っていましたらコメントくださいね。

import SwiftUI

struct ContentView: View {
    let list = ["a", "b", "c"]
    @State var backcolor: Bool = false
    var body: some View {
        NavigationView {
            VStack {
                List {
                    Section {
                        ForEach(list, id: \.self) { text in
                            NavigationLink {
                                NextView(backcolor: $backcolor)
                            } label: {
                                Text("テキスト")
                            }
                        }
                    }
                }
            }
        }
    }
}

struct NextView: View {
    @Binding var backcolor: Bool
    var body: some View {
        List {
            Section(header: Text("背景色")
                .listRowBackground(Rectangle()
                .background(Color.clear)
                .foregroundColor(backcolor ? Color.gray : Color.white)
                .opacity(0.3))
                .foregroundColor(backcolor ? Color.white : Color.black)) {
                    Toggle(isOn: $backcolor) { }
                }
        }
        .scrollContentBackground(.hidden)
        .background(backcolor ? Color.black : Color.white)
    }
}

追記です

コメントありがとうございます。

何度やってもリストロウの背景色だけが変化しないので、

ContentViewの背景色が
NextViewの背景色と同じになるように修正してみました。

import SwiftUI

struct ContentView: View {
    let list = ["a", "b", "c"]
    @State var backcolor: Bool = false
    var body: some View {
        NavigationView {
            ZStack {
                (backcolor ? Color.black : Color.white)
                    .ignoresSafeArea()
                VStack {
                    List {
                        Section {
                            ForEach(list, id: \.self) { text in
                                NavigationLink {
                                    NextView(backcolor: $backcolor)
                                } label: {
                                    Text("テキスト")
                                }
                            }
                        }
                    }
                }
            }
        }
        .scrollContentBackground(.hidden)
    }
}

struct NextView: View {
    @Binding var backcolor: Bool
    var body: some View {
        List {
            Section(header: Text("背景色")
                .listRowBackground(Rectangle()
                .background(Color.clear)
                .foregroundColor(backcolor ? Color.gray : Color.white)
                .opacity(0.3))
                .foregroundColor(backcolor ? Color.white : Color.black)) {
                    Toggle(isOn: $backcolor) { }
                }
        }
        .scrollContentBackground(.hidden)
        .background(backcolor ? Color.black : Color.white)
    }
}

次のリンクなども見てみたのですが、
NavigationViewの背景色を設定するのは
色々問題がありそうなのですね。

ios - How to change background color of the NavigationView in SwiftUI? - Stack Overflow
ios - How To Set NavigationView Background Colour in SwiftUI - Stack Overflow
swift - How change background color if using NavigationView in SwiftUI? - Stack Overflow

Comments

[ura4]

つまらない質問ですみません

ご回答ありがとうございます。

何度やってもリストロウの背景色だけが変化しないので、ご質問させていただきました。

[ura4]

Text(テキスト)などの単体では変化するのですが、

[ura4]

もう少し調べてみます

[ura4]

わざわざ英語の記事を調べてくださり、ありがとうございます

ほかにもやられているようですので、あまり長いコードは掲示しないようにしようと思います