🔰Presentations

💾 程式

👉 SwiftUI Tutorials ⟩ Working with UI Controls ⟩ Display a User Profile - Step 8.

// Toolbar & Modal Sheet
struct CategoryHome: View {
    
    @EnvironmentObject var modelData: ModelData
    
    /// ⭐️ 1. control the presentation of the `ProfileHost` view
    @State private var showingProfile = false
    
    var body: some View {
        NavigationView {
            List { /* list items ... */ }
                .navigationTitle("Featured")
                
                /// ⭐️ 2. add a button to the navigation bar
                .toolbar {
                    Button { showingProfile.toggle() } label: {
                        Label("User Profile", systemImage: "person.crop.circle")
                    }
                }
                
                /// ⭐️ 3. present the `ProfileHost` view when the user taps the button.
                .sheet(isPresented: $showingProfile) {
                    ProfileHost().environmentObject(modelData)
                }
        }
    }
}

📘 手冊

• SwiftUI Tutorials ⟩ Working with UI Controls ⟩ Display a User Profile - Step 8.

• SwiftUI ⟩ View ⟩

  • Auxiliary Views

    • ToolbarItem (struct)

    • toolbar(content:) - where Content : View

    • .toolbar(content:) - where Content : ToolbarContent

    • .toolbar(id:content:) - where Content : CustomizableToolbarContent

  • View Presentation

    • .sheet(isPresented:onDismiss:content:)

📗 參考

• Design+Code ⟩ SwiftUI Handbook ⟩ ToolBar

• Swift with Majid ⟩ Mastering toolbars in SwiftUI

• Sarun ⟩ How to dismiss sheet in SwiftUI

🖥️ 影片

tundsdev ⟩ How To Present And Dismiss Views In SwiftUI