Swiftui custom navigationbar

Swiftui custom navigationbar

ContentView.swift

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

// //  ContentView.swift //  SwiftUIProject // //  Created by Cairocoders //   import SwiftUI   struct ContentView: View {           var body: some View {         NavigationView {             List(0..<20) { rs in                 NavigationLink(destination: DetailsView().navigationBarBackButtonHidden(true)) {                     Text("Details Custom Navigation Bar \(rs)")                 }             }             .navigationBarTitle("Custom Navigation Bar")         }     } }   struct ContentView_Previews: PreviewProvider {     static var previews: some View {         ContentView()     } }

DetailsView.swift

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72

// //  DetailsView.swift //  SwiftUIProject // //  Created by Cairocoders //   import SwiftUI   struct DetailsView: View {     @Environment(\.presentationMode) var presentationMode     @State var items = [Item]()           var body: some View {         //Wrap ContentView into a NavigationView             List(items) { item in                 Text(item.name)             }             //Add navigation bar title             .navigationTitle("Todo List")             //Initialize toolbar             .toolbar(content: {                 //Declare one ToolBarItem for each navigation bar button and set the position                 ToolbarItem(placement: .navigationBarLeading) {                     Button(action: {                         self.presentationMode.wrappedValue.dismiss()                        }) {                         Image(systemName: "chevron.backward")                             .imageScale(.large)                     }                 }                                   ToolbarItem(placement: .navigationBarLeading) {                     Button(action: {                             addTask()                     }) {                         Image(systemName: "plus.circle")                             .imageScale(.large)                     }                 }                 ToolbarItem(placement: .navigationBarTrailing) {                     Button(action: {                             removeTask()                     }) {                         Image(systemName: "minus.circle")                             .imageScale(.large)                     }                 }             })     }           func addTask() {         let item = Item(id: items.count+1, name: "Sample Todo List")         items.append(item)     }           func removeTask() {         items.removeLast()     } }   struct DetailsView_Previews: PreviewProvider {     static var previews: some View {         DetailsView()     } }     struct Item : Identifiable {     var id : Int     var name : String }