Flutter 在列小部件内的特定位置对齐行项目

难以将列小部件内的行项目定位在特定的边缘位置，如下图所示：

填充(
填充：常数边集全部（10.0），
子：列(
儿童：[
值（'Date'，'：${DateFormat（'mmmdd，yyyy，hh:mma'）。格式（DateTime.parse（Date））}'，false），
值（'Description'，'：$Description'，false），
],
),
),
小部件值（字符串标题、字符串值、bool-isAmount）{
返回行(
儿童：[
正文(
标题
样式：TextStyle（fontwweight:fontwweight.bold，颜色：Colors.grey），
),
垫片（），
正文(
价值
样式：TextStyle(
颜色：isAmount？颜色（0xFF34B3C1）：Colors.black87，
),
),
垫片（），
],
);
}

使用扩展的和灵活的来实现这一点

  Widget values(String title, String value, bool isAmount) {
    return Row(
      children: <Widget>[
        Expanded(
          flex: 3,
          child: Text(
            title,
            style: TextStyle(fontWeight: FontWeight.bold, color: Colors.grey),
          ),
        ),
        Spacer(),
        Expanded(
          flex: 7,
          child: Text(
            value,
            style: TextStyle(
              color: isAmount ? Color(0xFF34B3C1) : Colors.black87,
            ),
          ),
        ),
        Spacer(),
      ],
    );
  }

小部件值（字符串标题、字符串值、bool-isAmount）{
返回行(
儿童：[
扩大(
弹性：3，
子：文本(
标题
样式：TextStyle（fontwweight:fontwweight.bold，颜色：Colors.grey），
),
),
垫片（），
扩大(
弹性：7，
子：文本(
价值
样式：TextStyle(
颜色：isAmount？颜色（0xFF34B3C1）：Colors.black87，
),
),
),
垫片（），
],
);
}

使用扩展的和灵活的来实现这一点

  Widget values(String title, String value, bool isAmount) {
    return Row(
      children: <Widget>[
        Expanded(
          flex: 3,
          child: Text(
            title,
            style: TextStyle(fontWeight: FontWeight.bold, color: Colors.grey),
          ),
        ),
        Spacer(),
        Expanded(
          flex: 7,
          child: Text(
            value,
            style: TextStyle(
              color: isAmount ? Color(0xFF34B3C1) : Colors.black87,
            ),
          ),
        ),
        Spacer(),
      ],
    );
  }

小部件值（字符串标题、字符串值、bool-isAmount）{
返回行(
儿童：[
扩大(
弹性：3，
子：文本(
标题
样式：TextStyle（fontwweight:fontwweight.bold，颜色：Colors.grey），
),
),
垫片（），
扩大(
弹性：7，
子：文本(
价值
样式：TextStyle(
颜色：isAmount？颜色（0xFF34B3C1）：Colors.black87，
),
),
),
垫片（），
],
);
}

它还可以将文本（“日期”）、文本（“：”）和文本（“：”）、文本（“：”）放在子项[]中，并将对齐设置为空格。 对于Date和Description的值，您还将它们放在一行（）中，该行是在第一行（）中生成的

文本小部件日期和：，说明和：都可以放在容器（）中

子项：行(
mainAxisAlignment:mainAxisAlignment.spaceBetween，
儿童：[
划船(
儿童：[
容器(
填充：仅限常量边集（右：12.0，左：12.0），
装饰：新盒子装饰(
边界：新边界(
右：新边框（宽度：1.0，颜色：Colors.black26）
)
),
子：图标（Icons.person），
),
容器(
约束：框约束（最大宽度：250），
填充：仅限常量边集（左：12.0，右：12.0），
子：文本(
文件['name']，
溢出：TextOverflow.省略号，
),
), 
],
),
容器(
填充：仅限常量边集（右：12.0），
孩子：排(
儿童：[
文本（'0'），
文本（“/”），
文本（文档['value'].toString（））
],)
)          
]
),

---

希望有帮助

它还可以将文本（“日期”）、文本（“：”）和文本（“说明”）、文本（“：”）放在子项[]中，并将对齐设置为空格。 对于Date和Description的值，您还将它们放在一行（）中，该行是在第一行（）中生成的

文本小部件日期和：，说明和：都可以放在容器（）中

子项：行(
mainAxisAlignment:mainAxisAlignment.spaceBetween，
儿童：[
划船(
儿童：[
容器(
填充：仅限常量边集（右：12.0，左：12.0），
装饰：新盒子装饰(
边界：新边界(
右：新边框（宽度：1.0，颜色：Colors.black26）
)
),
子：图标（Icons.person），
),
容器(
约束：框约束（最大宽度：250），
填充：仅限常量边集（左：12.0，右：12.0），
子：文本(
文件['name']，
溢出：TextOverflow.省略号，
),
), 
],
),
容器(
填充：仅限常量边集（右：12.0），
孩子：排(
儿童：[
文本（'0'），
文本（“/”），
文本（文档['value'].toString（））
],)
)          
]
),

---

希望有帮助

你也可以试试你也可以试试你能用一个示例代码让它更容易理解吗？这可能对其他人也有帮助。你能用一个示例代码让它更容易理解吗？这也可能对其他人有所帮助。

 child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: <Widget>[
            Row(
              children: <Widget>[
                Container(
                  padding: const EdgeInsets.only(right: 12.0, left: 12.0),
                  decoration: new BoxDecoration(
                    border: new Border(
                      right: new BorderSide(width: 1.0, color: Colors.black26)
                    )
                  ),
                  child: Icon(Icons.person),
                ),
                Container(
                  constraints: BoxConstraints(maxWidth: 250),
                  padding: const EdgeInsets.only(left: 12.0, right: 12.0),
                  child: Text(
                    document['name'],
                    overflow: TextOverflow.ellipsis,
                  ),
                ), 
              ],
            ),
            Container(
              padding: const EdgeInsets.only(right: 12.0),
              child: Row(
                children: <Widget>[
                  Text('0'),
                  Text('/'),
                  Text(document['value'].toString())
                ],)
            )          
          ]
        ),