如何在类中定位 Text/TextSpan答案

【问题标题】：How to position a Text/TextSpan inside a class如何在类中定位 Text/TextSpan
【发布时间】：2020-05-28 06:03:52
【问题描述】：

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

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

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

【问题讨论】：

查看Flexible，更多here
你在表格中使用这些信息吗？
@pskink 我会检查的。谢谢
@MuhammetÖmer 我计划在列表中的卡片上使用此信息

标签： flutter web

【解决方案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,
    ),
  ],
 );
}

代码输出：

【讨论】：

谢谢，伙计。我想知道我是否可以在不依赖桌子的情况下做到这一点。我只是在想它是否会对屏幕较小的设备产生负面影响。
@Irvin 我认为如果您使用 Theme TextStyle 不会有问题。请检查此库：pub.dev/packages/auto_size_text

【解决方案2】：

可以使用flutter的Table类

https://api.flutter.dev/flutter/widgets/Table-class.html

Table(
    columnWidths: {0 : FractionColumnWidth(.3)},
    defaultVerticalAlignment: TableCellVerticalAlignment.middle,
    children: [

    ]
),

【讨论】：