Question

我正在显示使用DataCell从我的sql数据库中获取的数据的列表，但是我真的不喜欢它的外观，并希望使用ListTile来切换它以显示它，这是我使用DataCell显示它的代码：

return SingleChildScrollView(
      scrollDirection: Axis.vertical,
      child: SingleChildScrollView(
        scrollDirection: Axis.horizontal,
        child: DataTable(
          columns: [
            DataColumn(
              label: Text(''),
            )
          ],
          rows: _chatUsers
              .map(
                (user) => DataRow(cells: [
                  DataCell(
                    Text(user.firstNameUser),
                    // Add tap in the row and populate the
                    // textfields with the corresponding values to update
                    onTap: () {
                      // Set the Selected employee to Update
                      _selectedUser = user;
                      setState(() {

                      });
                    },
                  ),
                ]),
              )
              .toList(),
        ),
      ),
    );

Answer 1

为此，您需要使用ListView小部件。该API参考部分中有很多解释，我认为您在阅读之后将可以对您的应用程序进行重新设计。

因此，您将拥有一个ListView属性设置为children的{{1}}

_chatUsers
              .map(
                (user) => 
                  ListTile(
                    title: Text(user.firstNameUser),
                    // Add tap in the row and populate the
                    // textfields with the corresponding values to update
                    onTap: () {
                      // Set the Selected employee to Update
                      _selectedUser = user;
                      setState(() {

                      });
                    },
                  ),
              )
              .toList()

Flutter在ListTile中显示sql数据而不是DataCell

1 个答案: