title: NavigationView / NavigationLink custom transition direction
body: <p>I'm attempting to have a <code>NavigationLink</code> load a view from the bottom of the screen instead of transitioning from the right, but the "obvious" approach (using a <code>.transition(.move(edge: .bottom))</code>) doesn't seem to be having any effect.</p>
  
  <p>The below is inside a <code>NavigationView</code>:</p>
  
  <pre><code>List {
      ForEach(self.message, id: \.self) { message in
          HStack(alignment: .center) {
              MessageListCell(....)
          }
      }
  }
  </code></pre>
  
  <p>and <code>MessageListCell</code>: </p>
  
  <pre><code>    var body: some View {
          HStack {
              VStack(alignment: .leading, spacing: 0) {
                  Text(person.firstName).lineLimit(1)
                      .foregroundColor(.main)
              }
              Spacer()
              NavigationLink(destination: MessageDetail(otherPerson: otherPerson,
                                                     subject: subject,
                                                     profileHandler: { ProfileReducer($0) })
                  .transition(.move(edge: .bottom)),
                             tag: 1, selection: $action) {
                  NextButton("Proceed")
              }
          }
      }
  </code></pre>
  
  <p>Tapping the <code>NextButton</code> consistently transitions from the right side of the screen instead of the bottom. I've tried variations on the above but I'm starting to think that <code>transition</code> might not be the right approach.</p>