Examples of applying `Bindable` from environment observables in SwiftUI views in iOS 17

BindableExamples.swift

import SwiftUI

@Observable class ViewModel {
    var isOn: Bool
    var text: String
    
    init(isOn: Bool = false, text: String = "default") {
        self.isOn = isOn
        self.text = text
    }
}

struct StateView: View {
    @State var model = ViewModel(isOn: true, text: "some model text")
    
    var body: some View {
        BindableModelView1().environment(model)
        Divider()
        BindableModelView2().environment(model)
    }
}

struct BindableModelView1: View {
    @Environment(ViewModel.self) var model
    
    private var bindable: Bindable<ViewModel> {
        Bindable(model)
    }
    
    var body: some View {
        VStack {
            Text("Bindable Model View 1").bold().foregroundStyle(Color.primary)
            
            Text(model.text)
            Text("on: \(model.isOn.description)")
            Toggle("toggle", isOn: bindable.isOn)
            TextField("text field", text: bindable.text)
        }
        .foregroundStyle(model.isOn ? .green : .red)
        .padding()
    }
}

struct BindableModelView2: View {
    @Environment(ViewModel.self) var model
    
    var body: some View {
        VStack {
            Text("Bindable Model View 2").bold().foregroundStyle(Color.primary)
            
            Text(model.text)
            Text("on: \(model.isOn.description)")
            Toggle("toggle", isOn: Bindable(model).isOn)
            TextField("text field", text: Bindable(model).text)
        }
        .foregroundStyle(model.isOn ? .green : .red)
        .padding()
    }
}

#Preview {
    StateView()
}