title: SwiftUI LazyVGrid transition animation not as expected
body: <p>I have a LazyVGrid that is defined like this:</p>
  <pre><code>let column = Array(repeating: GridItem(.flexible(minimum: 120, maximum: .infinity)), count: 3)
          
  LazyVGrid(columns: column, alignment: .leading, spacing: 5) {
      ForEach(data, id: \.self.uniqueStableId) { _ in
          Color.red
               .transition(.move(edge: .trailing))
               .frame(height: 150)
      }
  }
  </code></pre>
  <p>I have a button, that starts an animation effect:</p>
  <pre><code>func handleButtonTap() {
      for index in 0..&lt;9 {
          DispatchQueue.main.asyncAfter(deadline: .now() + Double(1 * index)) {
              withAnimation(.easeInOut(duration: 1)) {
                  let newItem = Item()
                  self.data.append(newItem)                                                                                     
              }
          }
      }
  }
  </code></pre>
  <p>The animation should add the new Red squares into the grid one by one with 1 second intervals using a slide effect, but there are 2 issues:</p>
  <ol>
  <li>even though I set a specific transition for the Red color view, the transition is ignored and the squares are added with a fade in effect</li>
  </ol>
  <p><a href="https://i.stack.imgur.com/ALo0C.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ALo0C.png" alt="image1" /></a></p>
  <ol start="2">
  <li>each time the first square in the row, is added in a new row on the grid, it appears from the middle of the row, and starts to slide vertically, the next squares in same row fade in</li>
  </ol>
  <p><a href="https://i.stack.imgur.com/AW7Tg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AW7Tg.png" alt="image2" /></a></p>
  <p>It appears I'm setting the transition and animation in the wrong place, because even if remove the .transition from the Red view, it still animates it the same way. Can't understand what controls it</p>
  <p><a href="https://i.stack.imgur.com/734ZG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/734ZG.png" alt="image3" /></a></p>
  <p>Anyone has a hint how to adjust it to work properly?
  Thanks!</p>