iOSの開発 - モーダルビューがSwiftUIに表示されます

ビューでモーダルSwiftUI

簡単な紹介

ここではどのようにシンプルなモーダルビューをポップアップ表示する方法を教えるために。以下、対応するA及びBと呼ばれる2つのページ、ContentViewとGCPresentedViewは、あります 私たちは、その後、ビューにジャンプAビューにBからのリターンを表示するボタンをクリックするA Bボタンで表示をクリックするだけです。

ステップ

ボタンモーダルビューを作成し、コードを表示

struct ContentView: View {
    @State var isPresented = false var body: some View { Button(action: { self.isPresented = true }, label: { Text("Present Modally") }) .sheet(isPresented: $isPresented) { GCPresentedView() } } }

使用@State変更されたプロパティのは、内部で自動的SwiftUIゲッター、セッターのペアに変換され、ビューの更新にこの属性の割り当てをトリガーします。

$isPresentedこれは、基準値が変更された場合、この変化は外向きに渡される(基準値の前に$記号を追加することである)を基準値とすることができます。

SwiftUIで定義されるように、モーダルビューを吐出する.sheet方法。

public func sheet<Content>(isPresented: Binding<Bool>, onDismiss: (() -> Void)? = nil, @ViewBuilder content: @escaping () -> Content) -> some View where Content : View

ボタンを作成し、モーダルビューコードビューBを閉じ

struct GCPresentedView: View {
    @Environment(\.presentationMode) var mode var body: some View { Button(action: { self.mode.wrappedValue.dismiss() }, label: { Text("Dismiss") }) } }

@Environment環境変数はpresentationMode、我々は、この変数を呼び出すことができwrappedValue.dismiss()、モーダルビューを閉じることができます。

Xcodeはプレビューで直接実行します

概要

使用SwiftUIフレーム処理は、インターフェイス非常に簡単に、あまりにも多くの定義が、我々はそれを記述するためにインターフェイスする必要があります。このチュートリアルの例では、ボタンやコントロールにテキストを使用しても、@Environment技術的なポイントをバインド、@stateを使用しました。チュートリアルは非常に簡単です、一緒に、チュートリアルのコードはGitHubのの上に配置されたIMPRESS皆学習、クリックコードを取得するためにここに

声明

ボーエン著者:GarveyCalvin
ボーエン出典:のhttp://www.cnblogs.com/GarveyCalvin/
この記事は、執筆者に属し、公園の合計をブログ、転載を歓迎するが、この節で宣言され保持され、元のリンクを与えなければならない、あなたに感謝!

ターンリリースでます。http://www.54ske.comとhttp://www.gamer-sky.com http://www.nedrc.com

おすすめ

転載: www.cnblogs.com/nedrc/p/12463022.html