Flutter 上的 Supabase 没有正确返回响应

Question

我有几个关于颤振的 supabase 问题。 我正在尝试获取通过他的 id 连接的人的用户名。

这是我所做的：

getUsername() async {
    final user = supabase.auth.currentUser;
    print(user!.id);
    var response = await supabase
        .from("profiles")
        .select("username")
        .eq("id", user!.id)
        .execute();
    print(response.data);
    return response.data.toString();
  }

print(response.data) 返回我：[{username:test}]

当我尝试在我的应用程序上显示它时，这就是我得到的 [screenshot][1]

我的打印代码：

child: Text(
                '$getUsername',

除了纠正在我的文本中显示奇怪代码的问题之外，我只想拥有用户名（所以“test”）而不是 [{username: ...}]

谢谢！ [1]： https ://i.stack.imgur.com/AEp5O.png

Answer 1

你给 Text 小部件一个函数引用本身而不是函数结果。

编辑：预加载用户名

在类（主页）中创建一个变量，它需要是一个StatefulWidget

late Future<String> username;

@override
void initState() {
  // now use this in the FutureBuilder
  username = getUsername();
  super.initState();
}

首先将getUsername更新为此：

Future<String> getUsername() async {
  final user = supabase.auth.currentUser;
  final response = await supabase.from("profiles")
                   .select("username")
                   .eq("id", user!.id)
                   .execute();
  return response.data![0]['username'];
}

尝试这个：

child: FutureBuilder<String>(
  future: username,
  builder: (context, snapshot) {
    if (snapshot.ConnectionState != ConnectionState.done) {
      return const CircularProgressIndicator();
    } else if (!snapshot.hasError && snapshot.hasData) {
      return Text(snapshot.data!);
    } else {
      return Text('error');
    }
  }
)