SwiftUIでいつでも親ビューとして子ビューからデータにアクセスするにはどうすればよいですか?

3
Jnguyen22 2019-08-22 21:54.

私はSwiftUIを初めて使用し、何らかの方法でEnvironmentObjectを実装する必要があるかもしれないことを理解していますが、この場合の方法はわかりません。

これはTradeクラスです

class Trade {
    var teamsSelected: [Team]

    init(teamsSelected: [Team]) {
        self.teamsSelected = teamsSelected
    }
}

これは子ビューです。これは、インスタンスがあるtradeからTradeクラスを。配列に1を追加するボタンがありますteamsSelected

struct TeamRow: View {
    var trade: Trade

    var body: some View {
        Button(action: {
            self.trade.teamsSelected.append(1)
        }) {
            Text("Button")
        }
    }
}

これは親ビューです。ご覧のとおりtrade、子ビューに移りますTeamRow。私はしたいtradeと同期することtradeTeamRow、私はそれから渡すことができるようtrade.teamsSelectedTradeView

struct TeamSelectView: View {
    var trade = Trade(teamsSelected: [])

    var body: some View {
        NavigationView{
            VStack{
                NavigationLink(destination: TradeView(teamsSelected: trade.teamsSelected)) {
                   Text("Trade")
                }

                List {
                    ForEach(teams) { team in
                        TeamRow(trade: self.trade)
                    }
                }
            }
        }
    }
}

3 answers

7
graycampbell 2019-08-23 16:34.

私はあなたのコードを撮影しSwiftUIはあなたにどのように使用するのより良い理解を与えるためにどのように動作するかを説明するためにいくつかのことを変更したObservableObject@ObservedObject@State、と@Binding

@ObservedObject前もって言及することの1つ-iOS13 Beta 6、7、または8を実行している物理デバイスでSwiftUIコードを実行しようとすると、現在壊れています。ここで、より詳細に説明し、@EnvironmentObjectとして使用する方法を説明する質問に答えました。回避策。


まず、を見てみましょうTradeTradeビュー間でオブジェクトを渡し、そのTradeオブジェクトのプロパティを変更してから、そのTradeオブジェクトを使用するすべてのビューにそれらの変更を反映させることを検討しているためTrade、を作成する必要がありObservableObjectます。Trade後で説明する説明のためだけに、クラスにプロパティを追加しました。を書く2つの方法を紹介します。ObservableObject最初に冗長な方法でどのように機能するかを確認し、次に簡潔な方法を示します。

import SwiftUI
import Combine

class Trade: ObservableObject {
    let objectWillChange = PassthroughSubject<Void, Never>()

    var name: String {
        willSet {
            self.objectWillChange.send()
        }
    }

    var teamsSelected: [Int] {
        willSet {
            self.objectWillChange.send()
        }
    }

    init(name: String, teamsSelected: [Int]) {
        self.name = name
        self.teamsSelected = teamsSelected
    }
}

に準拠する場合ObservableObject、独自のを作成するオプションがありますObservableObjectPublisher。これは、をインポートCombineして作成することで実行しましたPassthroughSubject。私は私のオブジェクトが変更されることを公開したいときに、私が呼び出すことができますself.objectWillChange.send()私が持っているようにwillSetするためにnameteamsSelected

ただし、このコードは大幅に短縮できます。ObservableObjectオブジェクトパブリッシャーを自動的に合成するため、実際に自分で宣言する必要はありません。また、使用することができます@Published代わりに使用しての発行イベントを送信する必要があり、当社のプロパティを宣言するself.objectWillChange.send()にはwillSet

import SwiftUI

class Trade: ObservableObject {
    @Published var name: String
    @Published var teamsSelected: [Int]

    init(name: String, teamsSelected: [Int]) {
        self.name = name
        self.teamsSelected = teamsSelected
    }
}

今度は、あなたを見てみましょうTeamSelectViewTeamRowTradeView。いくつかTradeViewのことを説明するために、いくつかの変更を加えた(そして例を追加した)ことをもう一度覚えておいてください。

struct TeamSelectView: View {
    @ObservedObject var trade = Trade(name: "Name", teamsSelected: [])
    @State var teams = [1, 1, 1, 1, 1]

    var body: some View {
        NavigationView{
            VStack{
                NavigationLink(destination: TradeView(trade: self.trade)) {
                    Text(self.trade.name)
                }

                List {
                    ForEach(self.teams, id: \.self) { team in
                        TeamRow(trade: self.trade)
                    }
                }
                Text("\(self.trade.teamsSelected.count)")
            }
            .navigationBarItems(trailing: Button("+", action: {
                self.teams.append(1)
            }))
        }
    }
}
struct TeamRow: View {
    @ObservedObject var trade: Trade

    var body: some View {
        Button(action: {
            self.trade.teamsSelected.append(1)
        }) {
            Text("Button")
        }
    }
}
struct TradeView: View {
    @ObservedObject var trade: Trade

    var body: some View {
        VStack {
            Text("\(self.trade.teamsSelected.count)")
            TextField("Trade Name", text: self.$trade.name)
                .textFieldStyle(RoundedBorderTextFieldStyle())
                .padding()
        }
    }
}

まず、を見てみましょう@State var teams。私たちは、使用@State-シンプルな値型のためIntString基本的なstructs-または単純な値型のコレクション。@ObservedObjectに準拠するオブジェクトに使用されますObservableObject。これは、Intまたはだけよりも複雑なデータ構造に使用されますString

気付くの@State var teamsは、teams押されたときに配列に新しいアイテムを追加するナビゲーションバーアイテムを追加したListことです。teams配列を反復処理することで生成されるため、ビューが再レンダリングされ、新しいアイテムがに追加されます。私達のListボタンが押されるたびに。これは、の使用方法の非常に基本的な例です@State

次に、があります@ObservedObject var trade。私が元々と違うことをしているわけではないことに気付くでしょう。私はまだTradeクラスのインスタンスを作成していて、そのインスタンスをビュー間で受け渡ししています。ただし、現在はObservableObject、を使用し@ObservedObjectているため、Tradeオブジェクトが変更されるたびにビューはすべてパブリッシャーイベントを受信し、それらの変更を反映するようにビューを自動的に再レン​​ダリングします。

最後に指摘したいのは、オブジェクトのプロパティを更新するためTextFieldに作成しTradeViewTradeものnameです。

TextField("Trade Name", text: self.$trade.name)

この$文字は、テキストフィールドにバインディングを渡していることを示しています。これは、加えた変更TextFieldがオブジェクトにname反映されることを意味しTradeます。@Bindingオブジェクト全体を渡さずにビュー間で状態を同期しようとしているときに、ビュー間でバインディングを渡すことができるプロパティを宣言することで、同じことを自分で行うことができます。

私はあなたTradeViewを取るように変更しましたが@ObservedObject var trade、あなたがバインディングを受け入れる限り、あなたはteamsSelectedこのようなバインディングとしてあなたのトレードビューに単に渡すことができTradeView(teamsSelected: self.$trade.teamsSelected)ますTradeViewTradeViewバインディングを受け入れるようにを構成するには、次のようにteamsSelectedプロパティを宣言するだけですTradeView

@Binding var teamsSelected: [Team]

最後@ObservedObjectに、物理デバイスでの使用で問題が発生した場合は、回避策として使用する方法の説明について、ここで私の回答を参照できます@EnvironmentObject

0
pipo92 2020-03-25 17:50.

まず、理解を深めてくれたgraycampbellに感謝します。しかし、私の理解は完全にはうまくいかないようです。少し違うケースがありますが、完全には解決できません。

私はすでに別のスレッドで質問をしましたが、それが何らかの形でトピックに適合しているので、ここにも追加したいと思います:SwiftUIのトグルのリストから値を読み取る

多分あなたたちの誰かがこれで私を助けることができます。最初のポストへの主な違いは、このトピックでは、私はそれぞれからデータを収集するために持っていること、である場合GameGenerationRowGameGenerationView、その後、別のビューにそれを手渡します。

0
hunter09h 2020-10-08 12:54.

@Bindingおよび@State/@PublishedをCombineで使用できます。つまり、@Binding子ビューのプロパティを使用して、次のように親ビューの@Stateまたは@Publishedプロパティにバインドします。

struct ChildView: View {
    @Binding var property1: String
    var body: some View {
        VStack(alignment: .leading) {
            TextField(placeholderTitle, text: $property1)
        }        
    }
}
struct PrimaryTextField_Previews: PreviewProvider {
    static var previews: some View {
        PrimaryTextField(value: .constant(""))
    }
}
struct ParentView: View{
    @State linkedProperty: String = ""
    //...
        ChildView(property1: $linkedProperty)
    //...
}

または@Publilshed、viewModel(@ObservedObject)にプロパティがある場合は、それを使用してChildView(property1: $viewModel.publishedProperty)。のように状態をバインドします。

Related questions

MORE COOL STUFF

ケイト・ブランシェットは3日間一緒に夫と一緒に寝て、25年経ってもまだ夫と結婚しています

ケイト・ブランシェットは3日間一緒に夫と一緒に寝て、25年経ってもまだ夫と結婚しています

ケイト・ブランシェットは、夫に会ったとき、典型的な交際のアドバイスに逆らいました。

マイケルシーンが非営利の俳優である理由

マイケルシーンが非営利の俳優である理由

マイケルシーンは非営利の俳優ですが、それは正確にはどういう意味ですか?

ホールマークスターのコリンエッグレスフィールドがRomaDramaLiveでスリル満点のファンと出会う![エクスクルーシブ]

ホールマークスターのコリンエッグレスフィールドがRomaDramaLiveでスリル満点のファンと出会う![エクスクルーシブ]

特徴的なスターのコリン・エッグレスフィールドは、RomaDrama Liveでのスリル満点のファンとの出会いについて料理しました!加えて、大会での彼のINSPIREプログラム。

「たどりつけば」をオンラインでストリーミングできない理由

「たどりつけば」をオンラインでストリーミングできない理由

ノーザンエクスポージャーが90年代の最も人気のある番組の1つになった理由を確認するには、Blu-rayまたはDVDプレーヤーをほこりで払う必要があります。

バイオニック読書はあなたをより速く読むことができますか?

バイオニック読書はあなたをより速く読むことができますか?

BionicReadingアプリの人気が爆発的に高まっています。しかし、それは本当にあなたを速読術にすることができますか?

ドミニカのボイリング湖:アクセスは簡単ではありませんが、ハイキングする価値があります

ドミニカのボイリング湖:アクセスは簡単ではありませんが、ハイキングする価値があります

ドミニカのボイリング湖は、世界で2番目に大きいボイリング湖です。そこにたどり着くまでのトレッキングは大変で長いですが、努力する価値は十分にあります。

私たちの水をきれいに保つのを助けるためにあなたの髪を寄付してください

私たちの水をきれいに保つのを助けるためにあなたの髪を寄付してください

サロンからのヘアトリミングや個人的な寄付は、油流出を吸収して環境を保護するのに役立つマットとして再利用できます。

ホワイトハウスの最も記憶に残る結婚式を見てください

ホワイトハウスの最も記憶に残る結婚式を見てください

過去200年以上の間にホワイトハウスで結婚したのはほんの数人です。彼らは誰でしたか、そしてそこで結婚式を獲得するために何が必要ですか?

グッドジョブ、ESPN

グッドジョブ、ESPN

今日のホワイトハウスの記者会見で、報道官のサラ・ハッカビー・サンダースは、スポーツセンターのホストであるイェメル・ヒルのドナルド・トランプに関する最近のツイートについてコメントするよう求められ、大統領と彼の政策を白人至上主義者として説明した。ヒルは彼女のつぶやきのためにESPNによって公に叱責されました。

アマゾンからのこのレミントンツールセールで髪を整える、スタイルを整える、乾かす、または取り除く

アマゾンからのこのレミントンツールセールで髪を整える、スタイルを整える、乾かす、または取り除く

基本的に頭のあらゆる部分から髪の毛を整えたり、ブロードライしたり、まっすぐにしたり、脱毛したりする必要がある場合は、このレミントンゴールドボックスが最適です。今日だけ、Amazonは、すでに人気のあるShortcut Pro Self-HaircutKitやPearlPro Ceramic Flat Ironのように、グルーミングをはるかに簡単にするヘアツールをマークダウンしています。

カナダの元桂冠詩人が、史上最高の文化の盗用でトゥパックとマヤアンジェロウから盗んだ

カナダの元桂冠詩人が、史上最高の文化の盗用でトゥパックとマヤアンジェロウから盗んだ

トゥパックシャクール(ティムモーゼンフェルダー/ゲッティイメージズ); マヤアンジェロウ(マーティンゴッドウィン/ゲッティイメージズ)移動、テイラースウィフト。ケンドールとカイリーは、必要な数の座席を持っています。

テスラは、ハリケーンイルマによる避難を容易にするために、フロリダでの車両の範囲を拡大しています

テスラは、ハリケーンイルマによる避難を容易にするために、フロリダでの車両の範囲を拡大しています

写真:Tesla Motorsフロリダに住んでいて、Tesla Model S、Model X 60、またはModel 60Dを使用している場合、車の自律性は50 km(約30マイル)高くなります。これは失敗ではなく、ハリケーンイルマによる避難作業を容易にするために会社自身が命じた自治権の一時的な延長です。

Zendaya Wishes Boyfriend Tom Holland Happy Birthday with Cuddly Photo: He 'Makes Me the Happiest'

Zendaya Wishes Boyfriend Tom Holland Happy Birthday with Cuddly Photo: He 'Makes Me the Happiest'

Zendaya shared a sweet photo in honor of boyfriend Tom Holland's 26th birthday Wednesday

小さな女性:脳卒中を患った後に病院から解放されたアトランタのジューシーな赤ちゃん:「まだ癒し」

小さな女性:脳卒中を患った後に病院から解放されたアトランタのジューシーな赤ちゃん:「まだ癒し」

シーレン「Ms.JuicyBaby」ピアソンは、先月脳卒中で入院した後、「もう一度たくさんのことをする方法を学ばなければならない」ため、言語療法を受けていることを明らかにしました。

エマストーンは彼女のクリフサイドマリブビーチハウスを420万ドルでリストアップしています—中を見てください!

エマストーンは彼女のクリフサイドマリブビーチハウスを420万ドルでリストアップしています—中を見てください!

オスカー受賞者の世紀半ばの家には、3つのベッドルーム、2つのバス、オーシャンフロントの景色があります。

ジーニー・メイ・ジェンキンスは、母乳育児の経験の中で、彼女は「本当に、本当に落ち込んでいる」と言います

ジーニー・メイ・ジェンキンスは、母乳育児の経験の中で、彼女は「本当に、本当に落ち込んでいる」と言います

ジーニー・メイ・ジェンキンスは、生後4か月の娘、モナコに母乳育児をしていると語った。

投資ノート:Bioscout AU$300万シード

投資ノート:Bioscout AU$300万シード

Bioscoutは、農家を運転席に置くという使命を負っています。Artesian(GrainInnovate)やUniseedと並んで、最新のシードラウンドでチームを支援できることをうれしく思います。問題真菌症による重大な作物の損失は、農民にとって試練であることが証明されています。

リトルマーケットリサーチ1| 2022年のクイックグリンプス遠隔医療市場

リトルマーケットリサーチ1| 2022年のクイックグリンプス遠隔医療市場

遠隔医療は、パンデミック後の時代では新しいものではなく、時代遅れの分野でもありません。しかし、業界を詳しく見ると、需要と供給の強力な持続可能性と、米国で絶え間ない革命となる強力な潜在的成長曲線を示しています。

スタートアップ資金調達環境:タイのスタートアップエコシステムの次は何ですか?

スタートアップ資金調達環境:タイのスタートアップエコシステムの次は何ですか?

2021年は、世界的なベンチャーキャピタル(VC)の資金調達にとって記録的な年でした。DealStreetAsiaによると、東南アジアも例外ではなく、この地域では年間で記録的な25の新しいユニコーンが採掘されました。

ムーアの法則を超えて

ムーアの法則を超えて

計算に対する私たちの欲求とムーアの法則が提供できるものとの間には、指数関数的に増大するギャップがあります。私たちの文明は計算に基づいています—建築と想像力の現在の限界を超える技術を見つけなければなりません。

Language