0
1

SwiftUI fullScreenCoverを使用した画面遷移方法

Posted at

SwiftUIでfullScreenCoverを利用した画面遷移方法です。

完成イメージ

Videotogif (6).gif

コード内容

.swift
struct HomeView: View {
    @State var showFullScreenCover: Bool = false

    var body: some View {
        NavigationView {
            Button("fullScreenCover遷移サンプル"){
                showFullScreenCover.toggle()
            }       
            .navigationTitle("実装サンプル")
        }
        .fullScreenCover(isPresented: $showFullScreenCover) {
            Text("fullScreenCover遷移サンプル")
        }
    }
}

@State var showFullScreenCover: Bool = false
こちらで表示、非表示の状態を管理する変数を定義しておきます。

.fullScreenCover(isPresented: $showFullScreenCover) {
    Text("fullScreenCover遷移サンプル")
}

isPresentedに先ほど定義したシートの状態を管理する変数を設定します。
Text("fullScreenCover遷移サンプル")こちらは表示したい画面に変えてください。

以上でfullScreenCoverを使用した画面遷移ができます。

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1