0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

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

Posted at

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

完成イメージ

Videotogif (5).gif

画面の上にまた画面が出てくるような遷移をする時に使用できます。

コード内容

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

    var body: some View {
        NavigationView {
            Button("シート遷移サンプル"){
                showSheet.toggle()
            }       
            .navigationTitle("実装サンプル")
        }
        .sheet(isPresented: $showSheet) {
            Text("Sheet遷移サンプル")
        }
    }
}

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

.sheet(isPresented: $showSheet) {
    Text("Sheet遷移サンプル")
}

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

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

0
0
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
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?