Wer eine App für iOS programmieren möchte, der muss sich Gedanken machen wie er das Menu erstellt. Heute zeige ich euch wie ihr ein TopBar Menu erstellen könnt, der auch eigene Dropdown Untermenupunkte hat.

Video

Code

Zuerst müsst ihr natürlich alles wieder in die NavigationView einpacken

1

NavigationView{}

Der ganze Menu-Bereich definieret man dann mit, damit hat man ganz oben Rechts ein + stehen, wenn er da drauf klickt, kommen die Menupunkte als Submenu.

1
2
3
4
5
6
7
8
9
10
11
12
13
14

.toolbar {
  ToolbarItem(placement: .navigationBarTrailing){
      Menu{
      // buttons
  } label: {
  Label(
      title: {Text("menu")},
      icon: {Image(systemName: "plus")
         .foregroundColor(.white)
       }
      )
   }
   }
  }

Hier ein Beispiel eines einfachen Buttons

1
2
3
4
5

Button(action:{
//aktion
  }, label: {
    Text("menu 1")
  })

Wenn ihr ein Button mit einem Icon möchtet, dann braucht ihr diesen Code. Damit habt ihr ein SF Symbol und das Wort eMail nebeneinander stehen.

1
2
3
4
5
6
7
8

Button(action: {
//aktion
}, label: {
 Label(
   title: {Text("eMail")},
   icon: {Image(systemName: "mail")}
   )
})