[SwiftUI]TabViewの高さを変えるには？

どうも、ちょげ(@chogetarou)です。

TabViewの高さを変える方法を紹介します。

方法

TabViewの高さを変えるには、frame修飾子を使います。

まず、TabViewにframe修飾子を付与します。

そして、frame修飾子の引数「height」に高さを指定します。

TabView(・・・)
  .frame(height: 高さ)

frame修飾子の引数「height」に指定した高さが、TabViewの高さに設定されます。

使用例

struct ContentView: View {
    var body: some View {
        TabView {
            Text("The First Tab")
                .tabItem {
                    Image(systemName: "1.square.fill")
                    Text("First")
                }
            Text("The Second Tab")
                .tabItem {
                    Image(systemName: "2.square.fill")
                    Text("Second")
                }
            Text("The Third Tab")
                
                .tabItem {
                    Image(systemName: "3.square.fill")
                    Text("Third")
                }
        }
        .padding()
        .border(.red, width: 2)
        .frame(height: 200)
        .padding()
    }
}