title: How to add Navigation to a List of elements in Flutter
body: <p>I have model Class called <strong><code>Categories</code></strong></p>
  <pre><code>class Categories {  //Categories class
    final String route;
    final String categoryName;
    final String categorySubTitle;
    Categories({this.route, this.categoryName, this.categorySubTitle});
  }
  </code></pre>
  <p>And I created a list in which I put all the objects of the class I created .</p>
  <pre><code>List&lt;Categories&gt; categories = [tarocchi, sogni]; //List of categories
  
  final Categories tarocchi = Categories(
    route: '/tarocchi',
    categoryName: 'Tarocchi e Divinazione',
    categorySubTitle: 'L’antica arte dei Tarocchi e della Divinazione',
  );
  final Categories sogni = Categories(
    route: '/sogni',
    categoryName: 'Interpretazione dei Sogni',
    categorySubTitle: 'Significato e interpretazione dei Sogni',
  );
  </code></pre>
  <p>Each item in the list must go to a different screen.
  In the list I generated, there will be an onTap function that will push to a different screen:</p>
  <pre><code>ListView.builder(
          itemCount: categories.length,
          itemBuilder: (context, index) {
            return Column(
              children: [
                GestureDetector(
                  onTap: () =&gt; Navigator.push(
                    context,
                    MaterialPageRoute(
                        builder: (context) =&gt; Text(categories[index].categorySubTitle)
                        // here I call the new screens according with screens in the List
                        ),
                  ),
                  child: Card(
                    child: Text(categories[index].categoryName),
                  ),
                )
              ],
            );
          },
        ),
  </code></pre>