title: SwiftUI: NavigationLink causes unwanted padding in minimal 10-line-example
body: <p>When wrapping views in a <code>NavigationLink</code> to create a Master-Detail flow, the <code>NavigationLink</code> appears to add padding (red) that I don't want.</p>
  <p><a href="https://i.stack.imgur.com/r9e1s.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/r9e1s.png" alt="enter image description here" /></a>
  <a href="https://i.stack.imgur.com/8IWfh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8IWfh.png" alt="enter image description here" /></a></p>
  <p>If I comment out the <code>NavigationLink</code>, everything looks correct (picture on the right). That however of course makes my views unclickable.</p>
  <p>What can I do to remove the red padding that occurs when I render this on the Watch?</p>
  <p>This is the code that I run:</p>
  <pre><code>struct ContentView: View {
      
      let testArray = [1,2,3,4,5]
      
      var body: some View {
          
          ScrollView {
              VStack {
                  ForEach(testArray, id: \.self) { element in
                      
                      NavigationLink(destination: Text(&quot;&quot;)) {
                          Text(&quot;BB . . . . . . . . . . . . . . . . . . . . . . .&quot;)
                              .font(.title3)
                              .foregroundColor(.white)
                              .background(Color.blue)
                      }.background(Color.red) //has all the unwanted padding
                      
                  }
              }.background(Color.black)
          }.background(Color.gray)
      }
  }
  </code></pre>
  <p>I found a few good hints at <a href="https://stackoverflow.com/questions/57130866/how-to-show-navigationlink-as-a-button-in-swiftui?answertab=active#tab-top">How to show NavigationLink as a button in SwiftUI</a> however doing <code>ZStack</code>/<code>.background</code> tricks only leaves a ~30px strip that is clickable, it does not fill the whole ZStack in that case.</p>
  <p>I figured out the padding seems to be a static 8px. So what I'm doing now is <code>.padding(.all, -8)</code> hoping for a better solution to come</p>