Database 在颤振中从db填充GridView

我想从db中的表中检索数据，并在Flatter中将其显示到GridView中。 目前，我在一个简单的列表中显示它，但我不能在GridView中显示它。 这是我的密码

return Scaffold(
  appBar: AppBar(
    title: Text("Diario di bordo"),
  ),
  /*body: Center(
    child: Text('Nessun diario presente'),
  ),*/
    body: FutureBuilder<List>(
      future: dbHelper.queryAllRows(),
      initialData: List(),
      builder: (context, snapshot) {
        return snapshot.hasData
            ? ListView.builder(
          itemCount: snapshot.data.length,
          itemBuilder: (_, int position) {
            final item = snapshot.data[position];
            //get your item data here ...
            return Card(
              color: RandomColor().randomColor(),
              child: ListTile(
                title: Text(
                    snapshot.data[position].row[1]),
              ),
            );
          },
        )
            : Center(
          child: CircularProgressIndicator(),
        );
      },
    ),
...

---

我不明白如何在db中从mytable中检索数据并在GridView中显示。

您可以使用

GridView.Builder

return snapshot.hasData? 
       GridView.builder(
          gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
              crossAxisCount: 2),
          itemCount: snapshot.data.length,
          itemBuilder: (BuildContext context, int index) {
            final item = snapshot.data[index];
            //get your item data here ...
            return Card(
              color: RandomColor().randomColor(),
              child: ListTile(
                 title: Text(
                    snapshot.data[index].row[1]),
              ),
            );
          },
        )
      : Center(
          child: CircularProgressIndicator(),
        );

---

您可以使用

GridView.Builder

return snapshot.hasData? 
       GridView.builder(
          gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
              crossAxisCount: 2),
          itemCount: snapshot.data.length,
          itemBuilder: (BuildContext context, int index) {
            final item = snapshot.data[index];
            //get your item data here ...
            return Card(
              color: RandomColor().randomColor(),
              child: ListTile(
                 title: Text(
                    snapshot.data[index].row[1]),
              ),
            );
          },
        )
      : Center(
          child: CircularProgressIndicator(),
        );