FLUTTER+SQL：在 ListViewBuilder 中显示数据库中的数据

Question

我正在使用 MS SQL，我想读取数据并将其显示在 ListViewBuilder 中，但我遇到了一些困难。

我不知道如何找到itemCount （最大的问题）

我不知道如何在 ListTile 中显示数据

下面我将展示一部分代码以及我希望如何在应用程序中显示：

 // This is to get and display in terminal data from db Future<void> read(String query) async { var res = await SqlConn.readData(query); debugPrint(res.toString()); }

我需要放入 ListTile 的数据

这就是我想要显示数据的方式（红色下划线是主要问题）

Answer 1

尝试这个：

FutureBuilder(
        future: read(query),
        builder: (context, snapshot) {
          switch (snapshot.connectionState) {
            case ConnectionState.waiting:
              return Text('Loading....');
            default:
              if (snapshot.hasError)
                return Text('Error: ${snapshot.error}');
              else
                return ListView.builder(
                    itemCount: snapshot.data.length,
                    itemBuilder: (context, index) {
                      return Text(snapshot.data[index]['name']);
                    });
              return Text('Result: ${snapshot.data}');
          }
        })

Answer 2

首先，我建议您将 map 数据转换为 model，这被认为是一种很好的做法，可以避免可能的类型转换相关错误。

其次，您可以使用FutureBuilder对 SQL 数据库进行异步调用。 我还将修改您的read方法以返回检索到的数据库数据并与 FutureBuilder 一起工作。