title: Flutter how to have multiple Lists
body: <p>i am beginner in flutter , i created a widget that displays a player informations , i used ListView and ListView.builder but i had an uknown error that said : Failed assertion: line 1785 pos 12: 'hasSize' and Vertical viewport was given unbounded height.</p>
  <p>i do not know what is the source of this error , it started only when i added the ListView builder , before i add it everything was working fine</p>
  <p>here what i have tried:</p>
  <pre><code>import 'package:flutter/material.dart';
  import 'package:tl_fantasy/widgets/Player_Widget.dart';
  import 'player_arguments.dart';
  
  class PlayerDetails extends StatelessWidget {
  
  
    @override
    Widget build(BuildContext context) {
      final PlayerArguments args = ModalRoute.of(context).settings.arguments;
      List&lt;Stats&gt; stats = [
        Stats(&quot;Matches&quot;, args.matches ),
        Stats(&quot;Goals&quot;, args.goals ),
        Stats(&quot;Assists&quot;, args.assists ),
        Stats(&quot;Saves&quot;, args.saves ),
      ];
  
      List&lt;Team&gt; teams = [
        Team(&quot;Barcelona B&quot;, &quot;https://i.pinimg.com/originals/ef/9c/3f/ef9c3fccec423f70376fcafa05c5d447.jpg&quot;,&quot;1998&quot; ),
        Team(&quot;Barcelona&quot;, &quot;https://i.pinimg.com/originals/ef/9c/3f/ef9c3fccec423f70376fcafa05c5d447.jpg&quot;,&quot;2005&quot; ),
      ];
  
      return Scaffold(
        appBar: AppBar(
          title: Text(&quot;Player Details&quot;),
          backgroundColor: Colors.blue[300],
          elevation: 0.0,
        ),
        body: Container(
          decoration: BoxDecoration(
              gradient: LinearGradient(
                  begin: Alignment.centerLeft,
                  end: Alignment.centerRight,
                  colors: [Colors.purple, Colors.blue])
          ),
          child: Container(
            decoration: BoxDecoration(
                gradient: LinearGradient(
                    begin: Alignment.topLeft,
                    end: Alignment.bottomRight,
                    colors: [Colors.purple, Colors.black38])),
            child: ListView(
              children: [
                SizedBox(
                  height: 20,
                ),
                Container(
                  width: double.infinity,
                  child:    Card(
                    elevation: 4.0,
                    shape: RoundedRectangleBorder(
                      borderRadius: BorderRadius.circular(10.0),
                    ),
                    child: Padding(
                      padding: const EdgeInsets.all(16.0),
                      child:
                      Row(
                        children: &lt;Widget&gt;[
                          CircleAvatar(
                            backgroundImage: NetworkImage(args.image),
                          ),
                          const SizedBox(width:10.0),
                          Spacer(),
                          Column(
                            crossAxisAlignment: CrossAxisAlignment.end,
                            children: &lt;Widget&gt; [
                              Text(args.name, style: TextStyle( fontWeight:FontWeight.bold,
                                fontSize: 18.0,
                              )),
                              const SizedBox(height: 5.0, ),
                              Text(args.club, style: TextStyle( fontWeight:FontWeight.bold,
                                fontSize: 18.0,
                              )),
                              const SizedBox(height: 5.0, ),
                              Text(&quot;Role : &quot;+args.role, style: TextStyle( fontWeight:FontWeight.bold,
                                fontSize: 18.0, color: Colors.grey[600],
                              )),
                              const SizedBox(height: 5.0, ),
                              Text(&quot;Position : &quot;+args.club, style: TextStyle( fontWeight:FontWeight.bold,
                                fontSize: 18.0, color: Colors.grey[600],
                              )),
                              const SizedBox(height: 5.0, ),
                              Text(&quot;Nationality : &quot;+args.nationality, style: TextStyle( fontWeight:FontWeight.bold,
                                fontSize: 18.0, color: Colors.grey[600],
                              )),
  
                            ],
                          ),
  
                        ],
                      ),
                    ),
                  ),
                ),
                Container(
                    padding: EdgeInsets.all(12.0),
                    child: GridView.builder(
                      shrinkWrap: true,
                      itemCount: stats.length,
                      gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                          crossAxisCount: 2,
                          crossAxisSpacing: 4.0,
                          mainAxisSpacing: 4.0
                      ),
                      itemBuilder: (BuildContext context, int index){
                        return Card(
                          child: Center(
                            child: Column(
                              crossAxisAlignment: CrossAxisAlignment.center,
                                children: &lt;Widget&gt;[
                                  Container(
                                    alignment: Alignment.topCenter,
                                    padding: EdgeInsets.fromLTRB(0, 5, 0, 0),
                                    child:  Text(stats[index].result,style: TextStyle(fontSize: 20.0)),
                                  ),
                                  Container(
                                    alignment: Alignment.bottomCenter,
                                    child: Text(stats[index].title,style: TextStyle(fontSize: 25.0)),),
  
                                ]
                            ),
                          ),
                        );
                      },
                    )
                ),
                SizedBox(
                  height: 30,
                ),
               Container(child:
               ListView.builder(
                 itemBuilder: (context, index){
                   return Card(
                     elevation: 4.0,
                     shape: RoundedRectangleBorder(
                       borderRadius: BorderRadius.circular(10.0),
                     ),
                     child: Padding(
                       padding: const EdgeInsets.all(16.0),
                       child:
                       Row(
                         children: &lt;Widget&gt;[
                           CircleAvatar(
                             backgroundImage: NetworkImage(teams[index].image),
                           ),
                           const SizedBox(width:10.0),
                           Spacer(),
                           Column(
                             crossAxisAlignment: CrossAxisAlignment.end,
                             children: &lt;Widget&gt; [
                               Text(teams[index].name, style: TextStyle( fontWeight:FontWeight.bold,
                                 fontSize: 18.0,
                               )),
                               const SizedBox(height: 5.0, ),
                               Text(&quot;joined : &quot;+teams[index].date, style: TextStyle( fontWeight:FontWeight.bold,
                                 fontSize: 18.0, color: Colors.grey[600],
                               )),
                             ],
                           ),
  
                         ],
                       ),
                     ),
                   );
                 },
                 itemCount: teams.length,
               ),),
              ],
            ),
          ),
  
        ),
      );
    }
  }
  
  
  class Stats{
  
    String title;
    String result;
  
    Stats(this.title,this.result);
  
  }
  
  class Team {
  
    String name;
    String image;
    String date;
  
    Team(this.name,this.image,this.date);
  
  }
  </code></pre>
  <p>I am trying to know what happened and how to solve the error after i added the ListView.builder</p>