Dart使用FutureBuilder时显示'Instance of User'而非用户id的问题咨询

• 核心原因是FutureBuilder的snapshot.data类型与你的使用方式不匹配：你最初给future参数传入的是fetchUsers()方法，该方法的返回值类型为Future<User>，也就是说异步请求完成后，snapshot.data拿到的是User类的实例对象，而非你想要的用户id字符串。
• Dart中直接将自定义类的实例放入字符串插值时，会默认调用实例的toString()方法。你定义的User类没有重写toString()方法，该方法的默认实现就会输出Instance of 'User'的文本，这是页面显示异常的直接原因。

方案1（你当前采用的方案） #

通过.then()链式调用将Future<User>转换为Future<String>，请求完成后snapshot.data直接得到用户id字符串，可以直接插入文本中展示。

方案2（更推荐的写法） #

不需要修改future的返回值，直接在使用数据时访问User实例的id属性即可，对应标题代码修改为：

Text('Bienvenido ${(snapshot.data as User).id}')

如果需要经常打印User实例方便调试，也可以在User类中重写toString方法：

@override
String toString() {
  return 'User{id: $id}';
}

你目前在build方法里直接调用fetchUsers()，会导致每次组件重绘都重新发起网络请求，浪费性能。你已经在initState中将请求结果存储到了futureUser变量中，只需要将FutureBuilder的future参数改为future: futureUser即可避免重复请求。

内容的提问来源于stack exchange，提问作者Irwin