When I add NavigationLink in SwiftUI, it takes the content into the background

Question

When I add NavigationLink in SwiftUI, it takes the content into the background. How can I solve this problem?

My code:

 NavigationLink(destination: DrinksList()){
       VStack{
            Image("icecekler")
                 .resizable()
                 .frame(width: 200, height: 200)
                 .cornerRadius(15)

             Text("İçecekler")
                 .font(.title)
                 .bold()

      }
}

Screenshot: enter image description here

https://www.hackingwithswift.com/quick-start/swiftui/how-to-disable-the-overlay-color-for-images-inside-button-and-navigationlink — Sorin Lica, Jun 04 '20 at 17:32
Does this answer your question? [SwiftUI View displayed with blue background](https://stackoverflow.com/questions/58713872/swiftui-view-displayed-with-blue-background) — Sorin Lica, Jun 06 '20 at 05:19

score 1 · Accepted Answer · answered Jun 04 '20 at 17:33

1

apply .buttonStyle(PlainButtonStyle()) on your NavigationLink

answered Jun 04 '20 at 17:33

Sorin Lica

6,894
10
35
68

score 1 · Answer 2 · answered Jun 04 '20 at 17:36

1

Here is fix

 NavigationLink(destination: DrinksList()){
       VStack{
            Image("icecekler")
               .renderingMode(.original) // <<< this !!!

answered Jun 04 '20 at 17:36

Asperi

228,894
20
464
690

When I add NavigationLink in SwiftUI, it takes the content into the background

2 Answers2