Flutter DataTable 截断文本

Question

我正在编写一个 flutter 应用程序并尝试插入一个数据表。我遇到了文本被截断但没有溢出到新行的问题。它会在我使用的设备上执行 2 行而不是 3 行。我尝试在 Expanded 小部件中添加文本，但这不起作用并抛出“ParentDataWidget 的不正确使用”。有什么方法可以让很长的文本跨越 3、4 或 5 行以上？下面是代码。

import 'package:flutter/material.dart';

class ClaimTypeTable extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: new DataTableWidgetExtract(),
    );
  }
}

class DataTableWidgetExtract extends StatelessWidget {
  const DataTableWidgetExtract({
    Key key,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return DataTable(
      columnSpacing: 10.0,
      horizontalMargin: 5,
      columns: <DataColumn>[
        DataColumn(label: Text('Type')),
        DataColumn(label: Text('Description',)),
      ],
      rows: claimTypesList
          .map(
            (itemRow) => DataRow(
              cells: [
                DataCell(Text(itemRow.shortName),
                    showEditIcon: false, placeholder: false, onTap: () {
                  print('We tapped it - ${itemRow.shortName}');
                }),
                DataCell(
                  Padding(
                    padding: const EdgeInsets.all(8.0),
                    child: Text(itemRow.description,),
                  ),
                  showEditIcon: false,
                  placeholder: false,
                ),
              ],
            ),
          )
          .toList(),
    );
  }
}

class ClaimType {
  String shortName;
  String description;

  ClaimType({
    this.shortName,
    this.description,
  });
}

var claimTypesList = <ClaimType>[
  ClaimType(
    shortName: 'Fire',
    description:
        'There was a fire. The fire department may or may not have been called, but shit got burnt up.',
  ),
  ClaimType(
    shortName: 'Water',
    description:
        'Water damage. Examples of typical water damage include: burst pipe, broken water heater, or faulty toilet.',
  ),
  ClaimType(
    shortName: 'Wind',
    description:
        'There is non-hurricane wind damage to your residence. If it is related to a hurricane, please select Hurricane as the claim type instead. This one is really long and gets truncated.',
  ),
  ClaimType(
      shortName: 'Crime',
      description:
          'Vandalism, theft, or other criminal behavior that resulted in a loss.'),
];

这是它的外观图片:

Answer 1

三到四件事要申请-

1. 在 DataCell 小部件中，您需要使用 ConstrainedBox。在 ConstrainedBox 中指定 maxWidth 和 minWidth 以覆盖高度。

2. 在 Datacell 小部件的子级中，如果文本小部件溢出:TextOverflow.visible，softWrap:true，

3. 在 DataTable 小部件中提供 dataRowHeight 属性。