I guess I've solved my question as follows. import SwiftUI struct ContentView: View { @ObservedObject var monster: MonsterObservable var body: some View { GeometryReader { geo in ZStack { HStack(spacing: 0.0) { LeftView() .frame(width: geo.size.width / 2.0, height: geo.size.height, alignment: .leading) RightView(showMe: $monster.showDialog) .frame(width: geo.size.width / 2.0, height: geo.size.height, alignment: .trailing) } ShowDialogView(isShowing: monster.showDialog) { } .frame(width: 500, height: 600, alignment: .center) .cornerRadius(10.0) } } } } class MonsterObservable: ObservableObject { @Published var showDialog = false } import SwiftUI struct RightView: View { @Binding var showMe: Bool var body: some View { ZStack { Color.red Button { showMe = true } label: { Text("Tap me") .font(.largeTitle) } } } }

I guess I've solved a problem on my own again. import SwiftUI struct ContentView: View { @StateObject var monster = MonsterObservable.shared var body: some View { GeometryReader { geo in ZStack { HStack(spacing: 0.0) { RightView() .frame(width: geo.size.width, height: geo.size.height) } ShowDialogView(isShowing: $monster.showDialog) { } .frame(width: 500, height: 600, alignment: .center) .cornerRadius(10.0) } } } } struct ShowDialogView<Content: View>: View { @Binding var isShowing: Bool @ViewBuilder let content: () -> Content var body: some View { Group { if isShowing { ZStack { Color.brown VStack { Spacer() Button { isShowing = false } label: { Text("Close me") .font(.largeTitle) }.padding([.top, .bottom], 100.0) } } } } } } class MonsterObservable: ObservableObject { static let shared = MonsterObservable() @Published var showDialog = false } class GameScore: ObservableObject { static let shared = GameScore() @Published var score = 0 } struct RightView: View { @ObservedObject var monster = MonsterObservable.shared var body: some View { ZStack { Color.red Button { monster.showDialog = true } label: { Text("Change") .font(.largeTitle) } } } }

import SwiftUI struct ContentView: View { @EnvironmentObject var gameSettings: GameSettings var body: some View { GeometryReader { geo in ZStack { HStack(spacing: 0.0) { RightView().environmentObject(gameSettings) .frame(width: geo.size.width / 2.0, height: geo.size.height) Spacer() } VStack { HStack { Spacer() Button { print("\(gameSettings.score)") } label: { Text("Print") .font(.largeTitle) }.padding(.trailing, 40.0) } Spacer() } } } } }

I guess the user State object in ContentView comes with default values.

I got it thanks to Claude31. import SwiftUI struct ContentView: View { @ObservedObject var monster: Monster var body: some View { VStack { Button { monster.items.append(Keyword()) } label: { Text("Add me!") }.padding(.vertical, 10.0) ForEach(monster.items) { item in KeywordRow(id: item.id).environmentObject(monster) } } } } struct Keyword: Identifiable { let id = UUID() } struct KeywordRow: View { @State var id = UUID() @EnvironmentObject var monster: Monster var body: some View { VStack { HStack { Text("ID: \(id)") Button { monster.items.removeAll(where: { $0.id == id} ) } label: { Text("Delete") } } } } }

Well, I guess I could do the following. import SwiftUI struct ContentView: View { @State private var names: [String] = ["Jim Thorton", "Susan Murphy", "Tom O'Donnell", "Nancy Smith"] var body: some View { HStack { ForEach($names, id: \.self) { $name in TextField("", text: $name) .fixedSize() } } } }

The following Stack Overflow could be a solution that I've been looking for. https://stackoverflow.com/questions/58842453/swiftui-hstack-with-wrap

I need to change MyTextView() to MyTextView(text: "Hello")

I guess it's something close to the following. struct ContentView: View { @State var textMonsters = [MyTextView]() var body: some View { VStack { Button { print("Monsters \(textMonsters)") } label: { Text("Show me your current text strings") }.padding(.vertical, 10.0) ForEach(textMonsters, id: \.self) { textMonster in textMonster }.padding(.horizontal, 100.0) Button { textMonsters.append(MyTextView(id: UUID(), text: "ABC")) } label: { Text("Add me!") }.padding(.vertical, 10.0) } } } struct MyTextView: View, Identifiable, Hashable { var id = UUID() var text: String var body: some View { ZStack { TextField("Enter some text", text: Binding(get: { text }, set: { _ in })) } } }

@Claude31 No, sir.

I've figured it out accidentally. import SwiftUI struct ContentView: View { @ObservedObject var monster: Monster var body: some View { VStack { Button { print(monster.items) } label: { Text("Show me your current text strings") }.padding(.vertical, 10.0) ForEach($monster.items) { item in MyTextView(id: item.id, text: item.text).environmentObject(monster) }.padding(.horizontal, 200.0) Button { monster.items.append(Keyword()) } label: { Text("Add me!") }.padding(.vertical, 10.0) } } } class Monster: ObservableObject { @Published var items = [Keyword]() } struct Keyword: Identifiable { var id = UUID() var text = String() } struct MyTextView: View { @Binding var id: UUID @Binding var text: String @EnvironmentObject var monster: Monster var body: some View { VStack { HStack { TextField("Enter text", text: $text) Button { monster.items.removeAll(where: { $0.id == id} ) } label: { Text("Delete") } } } } }

Currently, what I type is not filtered.

Currently, the warning says "Expression of type 'String' is unused."

The warning will disappear with the following, but the text entry won't be filtered. set: { text.wrappedValue = filter(value: $0) }

I think I cannot use Binding. Instead, I think I need to use TextField with .onChange.