Flutter DataTable-在整个行上点击

问题描述 投票:0回答:1

我是Flutter的新手。我需要有关DataCell中的OnTap的帮助。例如,我想要的不是排查一个单元格。

这里输入我的代码

DataTable(
     columns: <DataColumn>[
        DataColumn(
          label: Text("Title"),
          ),
        DataColumn(
          label: Text("Contacts"),
          ),
         )
        ],
         rows: contracts.map((contract) => DataRow(
             cells: [
               DataCell(Text(contract.title),
                  onTap: () {
                      Navigator.push(context, MaterialPageRoute(
                              builder: (context) => List(),),
                           );
                         }),
               DataCell(Text(contract.contacts),
                  onTap: () {
                      Navigator.push(context, MaterialPageRoute(
                              builder: (context) => List(),),
                           );
                         }),).toList()
flutter dart datatable
1个回答
0
投票

使整个窗口小部件可点击

只需用InkWell()GestureDetector小部件

InkWell()小部件将在您按下小部件时添加一种可单击的阴影效果

GestureDetector()小部件则不会

在您的情况下,不用包装DataCell,只需包装您的DataRow小部件

© www.soinside.com 2019 - 2024. All rights reserved.