Как разместить Text / TextSpan внутри класса

Question

Как я могу разместить свой текст таким образом? Я проверяю документы и вижу только тексты, которые находятся на другой стороне строки, но не такие, как этот, а это наоборот.

Я просто хотел, чтобы мой первый столбец занимал около 30% строки внутри карточки с выравниванием текста по правому краю, а мой второй столбец занимал около 70% строки внутри карточки с выравниванием текста по левому краю. Я также хотел, чтобы это было что-то вроде таблицы, в которой все должно быть правильно выровнено по столбцу. Спасибо

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

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,
    ),
  ],
 );
}

Вывод кода:

Answer 2

Вы можете использовать класс флаттера Table

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

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

    ]
),