flutter - 如何在类中定位 Text/TextSpan

Question

我怎样才能像这样定位我的文本？我检查了文档，我只看到行的另一边的文本，但没有看到像这样的人，这是相反的。

我只是想让我的第一列占据卡片内大约 30% 的行，文本对齐为右对齐，我的第二列占据卡片内大约 70% 的行，文本对齐为左。我还想让它像一种表格，其中所有内容都与列正确对齐。谢谢

         Date:   Today       
      Address:   Sample       
       Gender:   Male
       Status:   Active

标签： flutterweb

Answer 1

您可以使用以下代码：

Table(
 children: [
   buildTableRow("Date:", "Today"),
   buildTableRow("Address:", "Sample"),
   buildTableRow("Gender:", "Male"),
   buildTableRow("Status:", "Active"),
 ],
),

TableRow buildTableRow(String _title, String _value) {
 return TableRow(
  children: [
    Container(child: Text(_title), alignment: Alignment.centerRight),
    Container(
      child: Padding(padding: const EdgeInsets.only(left: 15), child: Text(_value)),
      alignment: Alignment.centerLeft,
    ),
  ],
 );
}

代码输出：