SwiftUI/Navigation/TabView

TabView
Type	Structure
iOS	13.0+
iPadOS	13.0+
macOS	10.15+
MacCatalyst	13.0+
tvOS	13.0+
watchOS	7.0+
Website	developer.apple.com/documentation/swiftui/tabview/

インタラクティブなユーザーインターフェース要素を用いて、複数の子ビューを切り替えて表示するView。

example

selectionには、変数をbindingさせ、デフォルトは、最初に表示するtag番号を入れる。別のtabを選択するとtagの値が bindされた変数に格納される。 .tabItem には、tabBar に表示するラベルを設定(ImageとTextを別々に書いても良い）とする。

@State var tabNumber:Int = 1

TabView(selection: $tabNumber) {
     tabView1()
          .tabItem {
             Label("Home", systemImage: "house")
         }
         .tag(1)

     tabView2()
          .tabItem {
             Label("Received", systemImage: "tray.and.arrow.down.fill")
         }
         .tag(2)
}

modifier

.tabItem: このビューに関連するタブバーの項目を設定する。LabelによりtabBarに設定する画像とテキストを指定。

.tag(): tabの番号を指定する。Int以外の型も使用可能。