title: Flutter Future returns null
body: <p>I've seen this already: <a href="https://stackoverflow.com/a/49146503/1757321">https://stackoverflow.com/a/49146503/1757321</a></p>
  
  <p>Followed the solution, but it is not working in my case.</p>
  
  <p>Some enlightenment would do for me this afternoon</p>
  
  <pre><code>  Future&lt;String&gt; loadInterest() async {
      print('Going to load interests');
  
      final whenDone = new Completer();
  
      SharedPreferences prefs = await SharedPreferences.getInstance();
  
      final token = await prefs.getString('token');
  
      print('The token ${token}');
  
      await this.api.interests(token).then((res) {
        // print('The response: ${res['interests']}'); &lt;-- this prints response alright. Data is coming.
        whenDone.complete(res['interests']);
      });
  
      return whenDone.future;
    }
  </code></pre>
  
  <p>Then I'm trying to use the above <code>Future</code> in a future builder like so:</p>
  
  <pre><code>new FutureBuilder(
    future: loadInterest(),
    builder: (BuildContext context, snapshot) {
       return snapshot.connectionState == ConnectionState.done
              ? new Wrap(
                   children: InterestChips(snapshot.data),
                )
              : Center(child: CircularProgressIndicator());
           },
       ),
  </code></pre>
  
  <p>Where <code>InterestChips(...)</code> is this:</p>
  
  <pre><code>  InterestChips(items) {
      print('Interest Chips ${items}');
      List chipList;
  
      for (Object item in items) {
        chipList.add(Text('${item}'));
      }
  
      return chipList;
    }
  </code></pre>
  
  <p>But, I always get <code>null</code> as the snapshot, which means the <code>loadInterest()</code> for the <code>Future</code> is not returning anything.</p>
  
  <p>If I understand this answer correctly, then I'm doing mine along the lines of that: <a href="https://stackoverflow.com/a/49146503/1757321">https://stackoverflow.com/a/49146503/1757321</a></p>