title: Flutter: ListView.builder displaying List items multiple times
body: <p>I created 3 list items to display using ListView.builder... but after coding the listView is displaying 1 item 3 times, then i added more items to the list making it a total of 5 items, then i discovered it started displaying each item 5 times before displaying the next item and i also noticed it is not scrollable</p>
  <p>bellow is the code</p>
  <pre><code>import 'package:flutter/material.dart';
  import './list_model.dart';
  
  class Lists extends StatefulWidget {
    @override
    _ListsState createState() =&gt; _ListsState();
  }
  
  class _ListsState extends State&lt;Lists&gt; {
    List&lt;ItemLists&gt; itemsL = [
      ItemLists(
        title: 'Best Music of the Year',
        discription: 'Davido',
        favorite: false,
      ),
      ItemLists(
        title: 'Best Album Cover design',
        discription: 'Brighter Press',
        favorite: false,
      ),
      ItemLists(
        title: 'Best Vocalist',
        discription: 'Simi-Sola',
        favorite: false,
      ),
      ItemLists(
        title: 'Best Danced',
        discription: 'Black Camaru',
        favorite: false,
      ),
      ItemLists(
        title: 'Best Performance',
        discription: 'ShofeniWere',
        favorite: false,
      ),
    ];
  
    @override
    Widget build(BuildContext context) {
      return Column(
          children: itemsL.map((items) {
        return Container(
          child: ListView.builder(
            scrollDirection: Axis.vertical,
            shrinkWrap: true,
            itemCount: itemsL.length,
            itemBuilder: (context, index) {
              return Dismissible(
                key: ObjectKey(itemsL[index]),
                child: Card(
                    child: ListTile(
                  leading: new IconButton(
                      icon: Icon(
                        Icons.star,
                        color: items.favorite ? Colors.green : Colors.grey,
                      ),
                      tooltip: 'Add to Favorite',
                      onPressed: () {
                        setState(() {
                          items.favorite = !items.favorite;
                        });
                      }),
                  title: Text('${items.title}'),
                  subtitle: Text('${items.discription}'),
                  trailing: IconButton(
                      icon: Icon(Icons.calendar_today), onPressed: null),
                )),
              );
            },
          ),
        );
      }).toList());
    }
  }
  </code></pre>
  <p>below is my list model</p>
  <pre><code>class ItemLists {
    String title;
    String discription;
    bool favorite;
  
    ItemLists({this.title, this.discription, this.favorite});
  }
  </code></pre>
  <p>below is the screenshot</p>
  <p><a href="https://i.stack.imgur.com/xHkKX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xHkKX.png" alt="enter image description here" /></a></p>