title: type _InternalLinkedHashMap<String, dynamic> is not subtype of type List<dynamic>
body: <p>I am trying to implement a simple news feed app using network call wherein the screen will show the latest stories in a Listview.</p>
  <p>With the current code, I am getting a response back from the API (as I see the entire response body in the log) but can't seem to display the data in the UI. I am getting this error :</p>
  <blockquote>
  <p>type _InternalLinkedHashMap&lt;String, dynamic&gt; is not subtype of type List</p>
  </blockquote>
  <p>This is the JSON structure</p>
  <pre><code>{
      &quot;response&quot;: {
          &quot;status&quot;: &quot;ok&quot;,
          &quot;userTier&quot;: &quot;developer&quot;,
          &quot;total&quot;: 25095,
          &quot;startIndex&quot;: 1,
          &quot;pageSize&quot;: 10,
          &quot;currentPage&quot;: 1,
          &quot;pages&quot;: 2510,
          &quot;orderBy&quot;: &quot;relevance&quot;,
          &quot;results&quot;: [
            {
              &quot;id&quot;: &quot;australia-news/2018/aug/13/turnbulls-energy-policy-hangs-in-the-balance-as-euthanasia-debate-given-precedence&quot;,
              &quot;type&quot;: &quot;article&quot;,
              &quot;sectionId&quot;: &quot;australia-news&quot;,
              &quot;sectionName&quot;: &quot;Australia news&quot;,
              &quot;webPublicationDate&quot;: &quot;2018-08-12T18:00:08Z&quot;,
              &quot;webTitle&quot;: &quot;Energy policy hangs in balance, as Senate debates euthanasia&quot;,
              &quot;webUrl&quot;: &quot;https://www.theguardian.com/australia-news/2018/aug/13/turnbulls-energy-policy-hangs-in-the-balance-as-euthanasia-debate-given-precedence&quot;,
              &quot;apiUrl&quot;: &quot;https://content.guardianapis.com/australia-news/2018/aug/13/turnbulls-energy-policy-hangs-in-the-balance-as-euthanasia-debate-given-precedence&quot;,
              &quot;isHosted&quot;: false,
              &quot;pillarId&quot;: &quot;pillar/news&quot;,
              &quot;pillarName&quot;: &quot;News&quot;
          }, {
              &quot;id&quot;: &quot;media/2018/jun/13/the-rev-colin-morris-obituary-letter&quot;,
              &quot;type&quot;: &quot;article&quot;,
              &quot;sectionId&quot;: &quot;media&quot;,
  </code></pre>
  <p>For my understanding, I just want to first display <code>webTitle</code> in the list, and later add other fields (after I understand the network concept clearly), but getting the error mentioned above. This is my complete code :</p>
  <pre><code>class MyApp extends StatelessWidget{
    @override
    Widget build(BuildContext context) {
  
      return new MaterialApp(
        title: 'Network Example',
        theme: new ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: new Scaffold(
          appBar: AppBar(
            title: new Text('Network Example'),
          ),
          body: new Container(
            child: new FutureBuilder&lt;List&lt;News&gt;&gt; (
              future: fetchNews(),
              builder: (context, snapshot) {
  
                if (snapshot.hasData) {
                  return new ListView.builder(
                      itemCount: snapshot.data.length,
                      itemBuilder: (context, index) {
                        return new Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: &lt;Widget&gt;[
                              new Text(snapshot.data[index].newsTitle,
                                  style: new TextStyle(
                                      fontWeight: FontWeight.bold)
                              ),
                              new Divider()
                            ],
                        );
                      }
                  );
                } else if (snapshot.hasError) {
                  return new Text(&quot;${snapshot.error}&quot;);
                }
                return CircularProgressIndicator();
              },
            ),
          ),
        ),
      );
    }
  
  
  Future&lt;List&lt;News&gt;&gt; fetchNews() async {
    final response = await http.get('https://content.guardianapis.com/search?q=debates&amp;api-key=');
    print(response.body);
    List responseJson = json.decode(response.body.toString());
    List&lt;News&gt; newsTitle = createNewsList(responseJson);
    return newsTitle;
  
  }
  
  List&lt;News&gt; createNewsList(List data) {
      List&lt;News&gt; list = new List();
      for (int i = 0; i&lt; data.length; i++) {
        String title = data[i]['webTitle'];
  
        News news = new News(
        newsTitle: title);
        list.add(news);
      }
      return list;
  
    }
  }
  
  class News {
   final String newsTitle;
  
    News({this.newsTitle});
  
    factory News.fromJson(Map&lt;String, dynamic&gt; json) {
  
      return new News(
        newsTitle: json['webTitle'],
      );
    }
  }
  </code></pre>
  <p>I looked at similar questions before and also went through json structures articles but can't seem to figure out how to resolve this issue.</p>