swiftui drawer

Swiftuiの引き出し

Mapsアプリのように、Swiftuiボトムアップコントローラー。ドラッグして展開または最小化します。

コンテンツ

• パッケージを追加します
• 基本的な使用法
• 例
• クレジット

パッケージ

Xcodeプロジェクトの場合

ファイル> Swiftパッケージ>パッケージの追加依存関係：https：//github.com/maustinstar/swiftui-drawer

Swiftパッケージ用

Package.swiftに依存関係を追加します。swift

 . package ( url : " https://github.com/maustinstar/swiftui-drawer.git " , from : " 0.1.0 " ) , 

基本的な使用法

ドロワーを最後の要素として、 ZStackにビューコンテンツを埋め込みました。 heightsパラメーターは、引き出しの安静時の高さのリストを定義します。

 ZStack {

    ScrollView {
        //...
    }
    
    Drawer ( heights : [ 100 , 340 ] ) {
        Color . blue
    } . edgesIgnoringSafeArea ( . vertical )
}

完全な参照ガイドを参照してください。

例

触覚の衝撃を受けたマルチハイトの引き出し。

 Drawer {
    ZStack {
        
        RoundedRectangle ( cornerRadius : 12 )
            . foregroundColor ( . white )
            . shadow ( radius : 100 )
        
        VStack ( alignment : . center ) {
            Spacer ( ) . frame ( height : 4.0 )
            RoundedRectangle ( cornerRadius : 3.0 )
                . foregroundColor ( . gray )
                . frame ( width : 30.0 , height : 6.0 )
            Spacer ( )
        }
    }
} . edgesIgnoringSafeArea ( . vertical )
. rest ( at : . constant ( [ 100 , 340 , UIScreen . main . bounds . height - 40 ] ) )
. impact ( . light )

より多くの例を参照してください

もっと楽しいSwiftuiパッケージをお探しですか？

これらのパッケージを使用して、SwiftUIアプリを次のレベルに引き上げてください！

クレジット

• Michael Verges-初期作業[email protected]