ビューでモーダル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