title: Flutter Vertical Viewport Unbounded Height Error
body: <p>I made an app to display a list of hospitals under a state.</p>
  
  <p>This is the <strong>Main.dart</strong></p>
  
  <pre><code>import 'package:flutter/material.dart';
  import 'package:url_launcher/url_launcher.dart';
  import 'dart:async' show Future;
  import 'package:flutter/services.dart' show rootBundle;
  import 'dart:convert';
  import 'package:emas_app/model/accounts_model.dart';
  
  Future&lt;String&gt; _loadAsset() async{
    return await rootBundle.loadString('Assets/accounts.json');
  }
  
  Future&lt;Accounts&gt; loadAccounts() async{
  
    final response = await _loadAsset();
    final jsonResponse = json.decode(response);
  
    Accounts accounts = new Accounts.fromJson(jsonResponse);
  
    return accounts;
  }
  
  class ProviderList extends StatefulWidget {
  
    @override
    ListState createState() {
      return new ListState();
    }
  }
  
  class ListState extends State&lt;ProviderList&gt; {
  
    @override
    Widget build(BuildContext context) {
  
      Widget newbody = new ExpansionTile(
          title: new Text("State Name"),
          children: &lt;Widget&gt;[
            new FutureBuilder&lt;Accounts&gt;(
                future: loadAccounts(),
                builder: (context, snapshot){
                  if(snapshot.hasData){
  
                  return new ListView.builder(
                        itemCount: snapshot.data.accountinfo.length,
                        itemBuilder: (context, index){
  
                          String username = snapshot.data.accountinfo[index].name;
                          String address = snapshot.data.accountinfo[index].street;
                          String lat = snapshot.data.accountinfo[index].coordinates.lat;
                          String lng = snapshot.data.accountinfo[index].coordinates.lng;
  
                          return new ListTile(
                              title: new Text(username),
                              trailing: new Row(
                                mainAxisSize: MainAxisSize.min,
                                mainAxisAlignment: MainAxisAlignment.end,
                                children: &lt;Widget&gt;[
                                  new IconButton(
                                      icon: Icon(Icons.info),
                                      onPressed: null
                                  ),
                                  new IconButton(
                                      icon: Icon(Icons.directions),
                                      onPressed: null
                                  )
                                ],
                              )
                          );
                        });
                  }else{
                    return new Center(
                      child: new CircularProgressIndicator(),
                    );
                  }
                })
      ]);
  
      return new Scaffold(
        appBar: new AppBar(title: new Text("Providers")),
        body: newbody
      );
    }
  }
  </code></pre>
  
  <p>This is the output where it shows the expanded ExpansionTile is blank:</p>
  
  <p><a href="https://i.stack.imgur.com/OHCnA.png" rel="noreferrer"><img src="https://i.stack.imgur.com/OHCnA.png" alt="Providers List"></a></p>
  
  <p>And this is the error caught:</p>
  
  <pre><code>I/flutter ( 6305): Vertical viewport was given unbounded height.
  I/flutter ( 6305): Viewports expand in the scrolling direction to fill their container.In this case, a vertical
  I/flutter ( 6305): viewport was given an unlimited amount of vertical space in which to expand. This situation
  I/flutter ( 6305): typically happens when a scrollable widget is nested inside another scrollable widget.
  </code></pre>
  
  <p>I have tried every possible solution I could find in Stack Overflow by wrapping the ListView.builder with Expanded or Flexible but its not working. Any ideas on how I could go about fixing this issue?</p>