質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%

Q&A

解決済

1回答

1214閲覧

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

tomaa

総合スコア84

0グッド

0クリップ

投稿2021/05/27 17:55

編集2021/05/27 18:38

前提・実現したいこと

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

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

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

該当のソースコード

swift

1import SwiftUI 2 3struct ContentView: View { 4 var body: some View { 5 BootomTabView() 6 } 7} 8 9struct BootomTabView: View { 10 11 @State var tabNumber = 1 12 13 var body: some View { 14 TabView(selection: $tabNumber){ 15 View1() 16 .tabItem{ 17 Text("1") 18 }.tag(1) 19 View2() 20 .tabItem{ 21 Text("2") 22 }.tag(2) 23 View3() 24 .tabItem{ 25 Text("3") 26 }.tag(3) 27 } 28 } 29} 30 31struct View1: View { 32 var body: some View { 33 NavigationView{ 34 VStack{ 35 Text("View1") 36 NavigationLink( 37 destination: SubView(), 38 label: { 39 Text("To SubView") 40 }) 41 } 42 } 43 .onAppear(){ 44 print("onAppear_View1") 45 } 46 } 47} 48 49struct View2: View { 50 var body: some View { 51 NavigationView{ 52 VStack{ 53 Text("View2") 54 NavigationLink( 55 destination: SubView(), 56 label: { 57 Text("To SubView") 58 }) 59 } 60 } 61 .onAppear(){ 62 print("onAppear_View2") 63 } 64 } 65} 66 67 68struct View3: View { 69 var body: some View { 70 NavigationView{ 71 VStack{ 72 Text("View3") 73 NavigationLink( 74 destination: SubView(), 75 label: { 76 Text("To SubView") 77 }) 78 } 79 } 80 .onAppear(){ 81 print("onAppear_View3") 82 } 83 } 84} 85 86 87struct SubView: View { 88 var body: some View { 89 Text("SubView") 90 .onAppear(){ 91 print("onAppear_SubView") 92 } 93 } 94} 95

発生している問題

アプリを立ち上げ
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

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

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

Xcode: Version 12.3

iOS: 14.0

Life Cycle: SwiftUI App

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

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

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

(変更例)

swift

1struct BootomTabView: View { 2 3 @State var tabNumber = 1 4 5 @State var activeSubview1 = false 6 7 var body: some View { 8 TabView(selection: $tabNumber){ 9 View1(activeSubview1: $activeSubview1) 10 .tabItem{ 11 Text("1") 12 }.tag(1) 13 View2() 14 .onAppear { 15 activeSubview1 = false 16 } 17 .tabItem{ 18 Text("2") 19 }.tag(2) 20 View3() 21 .tabItem{ 22 Text("3") 23 }.tag(3) 24 } 25 } 26} 27 28struct View1: View { 29 @Binding var activeSubview1: Bool 30 var body: some View { 31 NavigationView{ 32 VStack{ 33 Text("View1") 34 NavigationLink( 35 destination: SubView(), isActive: $activeSubview1) 36 { 37 Text("To SubView") 38 } 39 } 40 } 41 .onAppear(){ 42 print("onAppear_View1") 43 } 44 } 45}

投稿2021/05/29 00:19

TakeOne

総合スコア6299

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

tomaa

2021/05/29 16:01

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問