TabView内でNavigationViewを使い、タブの切り替え時に親のViewから参照する方法

Question

前提・実現したいこと

swiftUIを利用してアプリの開発をしています。

以下の動作になるように作成したいの場合、どのようなコードにすれば良いでしょうか？

1. TabViewを利用して複数のViewへ遷移できる
2. 各ViewはNavigationViewを利用して、親、子のView間を遷移できる
3. 子のViewに遷移している状態のTabViewへ、他のTabViewから遷移したときに、まず親のViewが参照され、その後に子のViewが参照される。

該当のソースコード

import SwiftUI

struct ContentView: View {
    var body: some View {
        BootomTabView()
    }
}

struct BootomTabView: View {
    
    @State var tabNumber = 1
    
    var body: some View {
        TabView(selection: $tabNumber){
            View1()
                .tabItem{
                    Text("1")
                }.tag(1)
            View2()
                .tabItem{
                    Text("2")
                }.tag(2)
            View3()
                .tabItem{
                    Text("3")
                }.tag(3)
        }
    }
}

struct View1: View {
    var body: some View {
        NavigationView{
            VStack{
                Text("View1")
                NavigationLink(
                    destination: SubView(),
                    label: {
                        Text("To SubView")
                    })
            }
        }
        .onAppear(){
            print("onAppear_View1")
        }
    }
}

struct View2: View {
    var body: some View {
        NavigationView{
            VStack{
                Text("View2")
                NavigationLink(
                    destination: SubView(),
                    label: {
                        Text("To SubView")
                    })
            }
        }
        .onAppear(){
            print("onAppear_View2")
        }
    }
}


struct View3: View {
    var body: some View {
        NavigationView{
            VStack{
                Text("View3")
                NavigationLink(
                    destination: SubView(),
                    label: {
                        Text("To SubView")
                    })
            }
        }
        .onAppear(){
            print("onAppear_View3")
        }
    }
}


struct SubView: View {
    var body: some View {
        Text("SubView")
            .onAppear(){
                print("onAppear_SubView")
            }
    }
}

発生している問題

アプリを立ち上げ
0. View_1のタブ内でSubView（子のView）へ遷移する
0. BottomTabの2をタップしView_2へ遷移する
0. BottomTabの1をタップしView_1へ遷移する

上記の動きをするとコンソールには、

onAppear_View1
onAppear_SubView
onAppear_View2
onAppear_SubView

onAppear_View1

となりますが、以下のように表示されるように動作させたいです（4行目と5行目が入れ替わり動作する）。

onAppear_View1
onAppear_SubView
onAppear_View2
onAppear_View1
onAppear_SubView

以上ｎように動作させるには、どのようにすれば良いでしょうか？

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

Xcode: Version 12.3

iOS: 14.0

Life Cycle: SwiftUI App

Answer 1

次のようにすればできると思います。

• BootomTabViewにSubViewの表示を制御するための@State変数を宣言する。
• View1にその変数を渡し、SubViewの表示制御に使用する。
• View2を表示する際に、その変数をfalseにする。

(変更例)

struct BootomTabView: View {

    @State var tabNumber = 1
    
    @State var activeSubview1 = false

    var body: some View {
        TabView(selection: $tabNumber){
            View1(activeSubview1: $activeSubview1)
                .tabItem{
                    Text("1")
                }.tag(1)
            View2()
                .onAppear {
                    activeSubview1 = false
                }
                .tabItem{
                    Text("2")
                }.tag(2)
            View3()
                .tabItem{
                    Text("3")
                }.tag(3)
        }
    }
}

struct View1: View {
    @Binding var activeSubview1: Bool
    var body: some View {
        NavigationView{
            VStack{
                Text("View1")
                NavigationLink(
                    destination: SubView(), isActive: $activeSubview1)
                    {
                        Text("To SubView")
                    }
            }
        }
        .onAppear(){
            print("onAppear_View1")
        }
    }
}

Comments

[tomaa]

ご回答いただきありがとうございます。
期待どおりの動作となりました！！