Skip to main content

Anpassbare Toolbar

Die Toolbar am oberen Rand kann ganz individuell gestaltet werden. In diesem Beispiel gibt es oben links ein Edit-Button und oben rechts einen Button mit einem Zahnrad, welcher die Einstellungen symbolisiert.

import SwiftUI

struct ContentView: View {
    var body: some View {
        NavigationView {
            Text("Welcome to the app!")
                .navigationTitle("Home")
                .toolbar {
                    // Add a settings button to the toolbar
                    ToolbarItem(placement: .navigationBarTrailing) {
                        Button(action: {
                            // Action for settings
                        }) {
                            Image(systemName: "gear")
                        }
                    }
                    // Add an edit button to the toolbar
                    ToolbarItem(placement: .navigationBarLeading) {
                        EditButton()
                    }
                }
        }
    }
}