How to take off background from NavigationLink items.

Question

mrhn_huor OP

Created Apr ’23

Replies 2

Boosts 0

Views 1.1k

Participants 4

Hey guys,

I was using a ForEach loop and everything was fine. But when I implement NavigationLink, the background of each item turned gray. Any ideas on how to remove the background?

Please answer as fast as possible.

Much appreciated, mrhn_huor

Answered by Blackhole1123 in 750382022

If you're using a list, I'm pretty sure you can just use .scrollContentBackground(.hidden) as a modifier to said list.

Boost

Answer 1

FuzzyNat26 OP

Apr ’23

Hi there!

Whenever we would like to use NavigationLink, we need to wrap it around NavigationView. In this way, the gray / disabled background will be gone!

NavigationView {
    List { 
        ForEach(1..&lt;6) { i in
            NavigationLink("\(i)") { 
                Text("\(i)");
            }
        }
    }
}

Good luck!

0

Answer 2

Blackhole1123 OP

Apr ’23

Accepted Answer

If you're using a list, I'm pretty sure you can just use .scrollContentBackground(.hidden) as a modifier to said list.

0