title: SwiftUI: navigate to another view with .onTapGuesture{}
body: <p>For the following <code>CardView()</code>, I want the user to tap on it to navigate to the a <code>WebView()</code> with the link string in <code>post.article_url</code>.</p>
  <pre><code>ForEach(self.posts.reversed(), id: \.id) {post in
      GeometryReader{geo -&gt; AnyView in
          return AnyView(
              CardView (index: self.getPostIndex(post: post),
                        title: post.title,
                        image: post.cover_image,
                        author: post.author, 
                        source: post.source, description: post.description,
                        imageWidth: self.cardWidth, 
                        imageHeight: self.imageHeight(index: self.getPostIndex(post: post))
              )
              .animation(.spring())
              .frame(width: self.widthAmount(index: self.getPostIndex(post: post)), 
                     height: self.heightAmount(index: self.getPostIndex(post: post)))
              .offset(x: self.CardOffsetAmountHorizontal(index: self.getPostIndex(post: post)),
                      y: self.CardOffsetAmountVertical(index: self.getPostIndex(post: post)))
              .onTapGesture{
                  // navigate to a webview with url: post.article_url
              }
          )}}
  </code></pre>
  <p>I tried to wrap <code>CardView()</code> with <code>NavigationLink()</code>. The navigation is successful, but it turned the image and text on the <code>CardView()</code> into complete blue. Maybe this can be solved through some other means (such as with some codes in <code>.onTapGuesture{}</code>)?</p>
  <p>Also, as this is a card stack that is supposed to be swiped. The <code>NavigationLink()</code> also blocks the dragging gesture on these cards.</p>
  <p>Thanks in advance!</p>