title: How to navigate to another page using the widgets generated from a 'for loop' in Flutter?
body: <p>I'm testing out this Flutter project which generates a movie list from a for loop:<code>for (int i = 0; i &lt; 3; i++) {...}.</code>
  The result of the loop is 3 cards which I'd like to add an onTap function to and navigate to the corresponding page as a result.</p>
  
  <p>Github:<a href="https://github.com/devefy/Flutter-Streaming-Service-App-UI/blob/master/lib/main.dart" rel="nofollow noreferrer">https://github.com/devefy/Flutter-Streaming-Service-App-UI/blob/master/lib/main.dart</a></p>
  
  <p>After the padding on line 222, I added a ListTile() with the onTap:(){}
  widget. This enabled the tap widget for the bottom half of the card.</p>
  
  <pre><code>// Line 219 to 222
  Padding(
  padding: EdgeInsets.only(top: 3.0),
  child: Text(i == 0 ? "Season 2" : ""),
  ),// Padding
  ListTile(onTap: (){
  debugPrint('${[i]} was tapped!');
  //Navigator.push(context, route)
  </code></pre>
  
  <p>My results when tapping the 3 cards.</p>
  
  <pre><code>flutter: [0] was tapped!
  flutter: [1] was tapped!
  flutter: [2] was tapped!
  </code></pre>
  
  <p>Where I get lost is how to actually navigate to the detail page of the movie depending on which card I tap on.</p>
  
  <p>Any help is appreciated...Thank You All!!!</p>