title: How to show NavigationLink as a button in SwiftUI
body: <p>I've read a lot here about navigation in SwiftUI and tried a couple of things, but nothing is working as desired.</p>
  <p>Basically, I have a view with a list of workouts and you can show a single workout by clicking on a row. This works as expected using NavigationView together with NavigationLink.</p>
  <p>Now, I want a button on the detail view to start the workout. This should open a view with a timer. The view should be presented with the same animation as the detail view did and also show the name of the workout in the navigation bar with a back button.</p>
  <p>I could implement this with a NavigationLink view on the details page, but the link always appears as a full width row with the arrow on the right side. I'd like this to be a button instead, but the NavigationLink seems to be resistant against styling.</p>
  <pre><code>struct WorkoutDetail: View {
      var workout: Workout
  
      var body: some View {
          VStack {
              NavigationLink(destination: TimerView()) {
                  Text(&quot;Starten&quot;)
              }.navigationBarTitle(Text(workout.title))
          }
      }
  }
  
  struct WorkoutList: View {
      var workoutCollection: WorkoutCollection
  
      var body: some View {
          NavigationView {
              List(workoutCollection.workouts) { workout in
                  NavigationLink(destination: WorkoutDetail(workout: workout)) {
                      WorkoutRow(workout: workout)
                  }
              }.navigationBarTitle(Text(&quot;Workouts&quot;))
          }
      }
  }
  </code></pre>
  <p>Updated: Here's a screenshot to illustrate what I mean:</p>
  <img src="https://i.stack.imgur.com/K6akL.png" width="300" alt="Current layout: 'Starten' with default right arrow. Desired layout: Blue button with yellow background.">