【问题标题】:How to align children of listview in the same level?如何在同一级别对齐列表视图的子项?
【发布时间】:2020-04-13 01:19:23
【问题描述】:

我想将 listview 的子视图对齐在与中右对齐的同一级别,我使用以下代码:

body: Container(
        child: ReorderableListView(
          onReorder: (oldIndex, newIndex) {
            setState(() {
              _updateItems(oldIndex, newIndex);
            });
          },
          children: [
            for (final item in data)
              Card(
                key: ValueKey(item),
                color: Colors.grey,
                child: Container(
                  padding: const EdgeInsets.only(left: 10, right: 10),
                  child: CheckboxListTile(
                    controlAffinity: ListTileControlAffinity.leading,
                    value: true,
                    onChanged: (bool value) {
                      setState(() {
                        value = !value;
                      });
                    },
                    title: Align(
                      alignment: Alignment.centerRight,
                      child: Text(
                        '$item',
                        style: TextStyle(
                          color: Colors.white,
                        ),
                      ),
                    ),
                  ),
                ),
              ),
          ],
        ),
      ),

但结果是这个图像:

您可以看到有些孩子比其他孩子有更多的空间,如何解决这个问题,请帮助我,谢谢。

【问题讨论】:

  • 您能提供您正在使用的数据吗?看来问题出在数据上,尝试使用 trim 方法如下:title: Align( alignment: Alignment.centerRight, child: Text( '${item.toString().trim()}', style: TextStyle( color: Colors.white, ), ), )

标签: listview flutter


【解决方案1】:

试试这个,看看这是否能解决它我试图重现这个问题,但我真的不能,但这似乎有点帮助。

 Align(
                    alignment: Alignment.centerRight,
                    child: Text(
                      '$item',
                      textAlign: TextAlign.right,
                      style: TextStyle(
                        color: Colors.white,
                      ),
                    ),
                  ),

【讨论】:

    【解决方案2】:

    您的代码似乎运行良好。正如 Luis 在评论中提到的那样,数据中似乎存在一些间距。

    我刚刚使用了你的代码并放了一些随机数据。

    【讨论】:

      猜你喜欢
      • 2012-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-07-30
      • 1970-01-01
      • 2023-03-31
      • 2014-02-18
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多