Flutter DataTable 排序图标未显示

Question

Flutter DataTable 中的排序图标未显示，我不确定这是否是一个错误，或者我的代码是否错误。

根据DataTable (Flutter Widget of the Week)我只需在 DataTable()

内添加 sortColumnIndex: 0

我的期望:

我得到的是:

这是我正在使用的代码:

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter DataTable',
      home: DataScreen(),
    );
  }
}

class DataScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: DataTable(
          sortColumnIndex: 0,
          sortAscending: true,
          columns: [
            DataColumn(label: Text('Name')),
            DataColumn(label: Text('Year')),
          ],
          rows: [
            DataRow(cells: [
              DataCell(Text('Dash')),
              DataCell(Text('2018')),
            ]),
            DataRow(cells: [
              DataCell(Text('Gopher')),
              DataCell(Text('2009')),
            ]),
          ],
        ),
      ),
    );
  }
}

我知道，有一个问题 Sort cannot be disabled on DataTable #26845和拉取请求 [DataTable] Hide arrow padding when not sorting #51667 。但即使我更改为开发 channel ，排序箭头也没有显示。我也厌倦了 Flutter.dev DataTable class 上的交互式代码示例

我测试过的版本:

• Flutter 1.22.1 • channel 稳定
• Flutter 1.22.1 • channel 测试版
• Flutter 1.23.0-7.0.pre • channel 开发
• Flutter 1.23.0-8.0.pre.283 • channel 主控

所以我不确定我是否错过了什么，或者它是否是一个错误。

Answer 1

您必须设置函数:排序

class DataScreen extends StatefulWidget {
  @override
  _DataScreenState createState() => _DataScreenState();
}

class _DataScreenState extends State<DataScreen> {
  bool ascending = false;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: DataTable(
          sortColumnIndex: 0,
          sortAscending: ascending,
          columns: [
            DataColumn(
              label: Text('Name'),
              onSort: (columnIndex, ascending) {
                setState(() {
                  this.ascending = ascending;
                });
              },
            ),
            DataColumn(
              label: Text('Year'),
            ),
          ],
          rows: [
            DataRow(cells: [
              DataCell(
                Text('Dash'),
              ),
              DataCell(
                Text('2018'),
              ),
            ]),
            DataRow(cells: [
              DataCell(
                Text('Gopher'),
              ),
              DataCell(
                Text('2009'),
              ),
            ]),
          ],
        ),
      ),
    );
  }
}