バインディングを使用してこのカスタムモーダルを閉じるにはどうすればよいですか?

ポルタヴェッツ

親の内部に表示されているビューを。を使用して却下する方法がわかりません@State var showingCardModal = falseこれが私のContentViewのコードです:

import SwiftUI

struct ContentView: View {

    @State var showingCardModal = false

    var body: some View {

        ZStack {
            Button(action: {
                withAnimation {
                self.showingCardModal.toggle()
                }
            }) {
                Text("Show").font(.headline)
            }
            .frame(width: 270, height: 64)
            .background(Color.secondary).foregroundColor(.white)
            .cornerRadius(12)
            if showingCardModal {
                CardModal()
                    .transition(AnyTransition.scale.combined(with: .opacity).animation(.easeIn(duration: 0.75)))
            }
        }
    }
}

そしてその中のCardModalのために:

import SwiftUI

struct CardModal: View {

    //@Binding var isPresented: Bool

    var body: some View {

        ZStack{
            Color(.secondarySystemBackground).edgesIgnoringSafeArea(.all)
            VStack{
                Spacer().frame(height:30)
                Text("Today, 20 March").font(.title)
                Spacer()
                }
            CarouselView(itemHeight: 420, views: [
                SingleCard(name: "Card 1", contentOpacity: 1.0),
                SingleCard(name: "Card 2", contentOpacity: 1.0),
                SingleCard(name: "Card 3", contentOpacity: 1.0),
                SingleCard(name: "Card 4", contentOpacity: 1.0),
                SingleCard(name: "Card 5", contentOpacity: 1.0),
                SingleCard(name: "Card 6", contentOpacity: 1.0),
                SingleCard(name: "Card 7", contentOpacity: 1.0),
                ])
            VStack {
                Spacer()
                Button(action:{}) {
                    Text("Done").font(.headline).foregroundColor(.purple)
                    }
                    .frame(width: 300, height: 48)
                    .background(Color.gray.opacity(0.25))
                    .cornerRadius(12)
                Spacer().frame(height: 20)
            }
        }
    }
}

月経周期の症状のためにモーダルが下からスライドするときに、Healthアプリのようなものを複製しようとしています。モーダルは全画面表示で、ボタンで閉じられます。

彼の気性

こんな感じ…

struct CardModal: View {
    @Binding var isPresented: Bool
...

    Button(action:{ self.isPresented = false }) {

とで ContentView

if showingCardModal {
    CardModal(isPresented: self.$showingCardModal)

およびPreviewProviderで

CardModal(isPresented: .constant(true))

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

カスタムの遷移アニメーションを閉じる代わりに、デフォルトのアニメーションを使用してモーダルビューコントローラを閉じるにはどうすればよいですか?

分類Dev

ダイアログのShowInTaskBar = falseの場合、タスクバーを介してアプリケーションまたはモーダルダイアログを閉じるにはどうすればよいですか?

分類Dev

Androidデバイスの戻るボタンを押してGameMakerゲームを閉じるにはどうすればよいですか?

分類Dev

入力ログインを押してモーダルウィンドウを閉じるにはどうすればよいですか?

分類Dev

JavaScriptを使用してこのダイアログウィンドウを閉じるにはどうすればよいですか?

分類Dev

Knockout.jsカスタムバインディングを使用してテキストフィールドのコンテンツを処理するにはどうすればよいですか?

分類Dev

Androidデータバインディングを使用しているときに、カスタムセッターのxmlを介して複数の引数を渡すにはどうすればよいですか?

分類Dev

xcodeインターフェイスビルダーを使用してUIButtonにパディングを追加するにはどうすればよいですか?

分類Dev

タブバーを使用してスクロールビューをカスタムデザインするにはどうすればよいですか?

分類Dev

VBAを使用してAccessで単一のフォームインスタンスを閉じるにはどうすればよいですか?

分類Dev

フォームのタイトルバー、システムメニューアイコンにカスタムカーソルを設定し、ボタンを最小化、最大化、閉じるにはどうすればよいですか?

分類Dev

カスタムパッケージを使用してDebianインストールメディアを作成するにはどうすればよいですか?

分類Dev

カスタムパッケージを使用してDebianインストールメディアを作成するにはどうすればよいですか?

分類Dev

ブートストラップでLaravelフォームモデルバインディングを使用するにはどうすればよいですか?

分類Dev

モデルの重みフィールドに基づいて、Djangoモデルインスタンスの重み付きランダムインスタンスをすばやく取得するにはどうすればよいですか?

分類Dev

データ バインディングを使用して ItemsControl に Z インデックスを設定するにはどうすればよいですか?

分類Dev

Spacemacsの指定されたレイヤーにカスタムキーバインディングを追加するにはどうすればよいですか?

分類Dev

カスタムバインディングでオブザーバブルを更新するにはどうすればよいですか?

分類Dev

バインディングパラメータとして絶対ファイルパスを使用するにはどうすればよいですか?

分類Dev

複数のインスタンスのバインディングを使用して表示を更新するにはどうすればよいですか?

分類Dev

TargetNullValueをバインディングのフォルダーパスとして設定するにはどうすればよいですか?

分類Dev

ネイティブRubyバインディングを使用してGEOSをインストールするにはどうすればよいですか?

分類Dev

Laravel:カスタム実装に対してUrlGenerator(コアバインディング)を変更するにはどうすればよいですか?

分類Dev

Polymerがすべてのデータバインディングを完了したことを確認するにはどうすればよいですか?

分類Dev

WPFモーダルウィンドウを閉じた後、MFCダイアログを前面に表示するにはどうすればよいですか?

分類Dev

ノックアウトバインディングを使用してカスタムスクロールバー(jScrollPane)を作成するにはどうすればよいですか?

分類Dev

Swift 4を使用してXcodeで複数のビューコントローラーを使用してカスタムモデルのインスタンスを作成するにはどうすればよいですか?

分類Dev

月と年の入力で日時インデックスを使用してデータフレームをフィルタリングするにはどうすればよいですか?パンダ

分類Dev

独自のモデルフィールドのエントリに対応するフィルタを使用して、データベース(モデル)エントリの数をカウントするにはどうすればよいですか?

Related 関連記事

  1. 1

    カスタムの遷移アニメーションを閉じる代わりに、デフォルトのアニメーションを使用してモーダルビューコントローラを閉じるにはどうすればよいですか?

  2. 2

    ダイアログのShowInTaskBar = falseの場合、タスクバーを介してアプリケーションまたはモーダルダイアログを閉じるにはどうすればよいですか?

  3. 3

    Androidデバイスの戻るボタンを押してGameMakerゲームを閉じるにはどうすればよいですか?

  4. 4

    入力ログインを押してモーダルウィンドウを閉じるにはどうすればよいですか?

  5. 5

    JavaScriptを使用してこのダイアログウィンドウを閉じるにはどうすればよいですか?

  6. 6

    Knockout.jsカスタムバインディングを使用してテキストフィールドのコンテンツを処理するにはどうすればよいですか?

  7. 7

    Androidデータバインディングを使用しているときに、カスタムセッターのxmlを介して複数の引数を渡すにはどうすればよいですか?

  8. 8

    xcodeインターフェイスビルダーを使用してUIButtonにパディングを追加するにはどうすればよいですか?

  9. 9

    タブバーを使用してスクロールビューをカスタムデザインするにはどうすればよいですか?

  10. 10

    VBAを使用してAccessで単一のフォームインスタンスを閉じるにはどうすればよいですか?

  11. 11

    フォームのタイトルバー、システムメニューアイコンにカスタムカーソルを設定し、ボタンを最小化、最大化、閉じるにはどうすればよいですか?

  12. 12

    カスタムパッケージを使用してDebianインストールメディアを作成するにはどうすればよいですか?

  13. 13

    カスタムパッケージを使用してDebianインストールメディアを作成するにはどうすればよいですか?

  14. 14

    ブートストラップでLaravelフォームモデルバインディングを使用するにはどうすればよいですか?

  15. 15

    モデルの重みフィールドに基づいて、Djangoモデルインスタンスの重み付きランダムインスタンスをすばやく取得するにはどうすればよいですか?

  16. 16

    データ バインディングを使用して ItemsControl に Z インデックスを設定するにはどうすればよいですか?

  17. 17

    Spacemacsの指定されたレイヤーにカスタムキーバインディングを追加するにはどうすればよいですか?

  18. 18

    カスタムバインディングでオブザーバブルを更新するにはどうすればよいですか?

  19. 19

    バインディングパラメータとして絶対ファイルパスを使用するにはどうすればよいですか?

  20. 20

    複数のインスタンスのバインディングを使用して表示を更新するにはどうすればよいですか?

  21. 21

    TargetNullValueをバインディングのフォルダーパスとして設定するにはどうすればよいですか?

  22. 22

    ネイティブRubyバインディングを使用してGEOSをインストールするにはどうすればよいですか?

  23. 23

    Laravel:カスタム実装に対してUrlGenerator(コアバインディング)を変更するにはどうすればよいですか?

  24. 24

    Polymerがすべてのデータバインディングを完了したことを確認するにはどうすればよいですか?

  25. 25

    WPFモーダルウィンドウを閉じた後、MFCダイアログを前面に表示するにはどうすればよいですか?

  26. 26

    ノックアウトバインディングを使用してカスタムスクロールバー(jScrollPane)を作成するにはどうすればよいですか?

  27. 27

    Swift 4を使用してXcodeで複数のビューコントローラーを使用してカスタムモデルのインスタンスを作成するにはどうすればよいですか?

  28. 28

    月と年の入力で日時インデックスを使用してデータフレームをフィルタリングするにはどうすればよいですか?パンダ

  29. 29

    独自のモデルフィールドのエントリに対応するフィルタを使用して、データベース(モデル)エントリの数をカウントするにはどうすればよいですか?

ホットタグ

アーカイブ