删除颤振中两列之间的空间

Posted 2023-02-23

【中文标题】删除颤振中两列之间的空间

【英文标题】：Remove space between two Column in Flutter

【发布时间】：2020-05-04 22:51:03

【问题描述】：

我想消除这两列之间的差距。 我怎样才能做到这一点？

这是我尝试过的代码。这里的Expanded() 在Row() 小部件内。 我想缩小两个Columns() 之间的差距。我尝试将两个列包装在一个容器中并在其上实现填充，但它不起作用。我也试过 mainAxisAlignment。

                 Expanded(
                  child: Column(
                    children: <Widget>[
                      Container(
                        width: 98.0,
                        child: Card(
                          child: ListTile(
                            title: Row(
                              mainAxisAlignment: MainAxisAlignment.center,
                              children: <Widget>[
                                Text(
                                  'Room 1',
                                  style: TextStyle(
                                    fontWeight: FontWeight.bold,
                                  ),
                                ),
                              ],
                            ),
                            subtitle: Padding(
                              padding: const EdgeInsets.only(top:8.0),
                              child: Row(
                                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                                children: <Widget>[
                                  Icon(
                                    Icons.check_box_outline_blank
                                  ),
                                  Icon(
                                    Icons.check_box,
                                  )
                                ],
                              ),
                            ),
                          ),
                        ),
                      ),
                    ],
                  ),
                ),
                Expanded(
                  child: Column(
                    children: <Widget>[
                      Container(
                        width: 98.0,
                        child: Card(
                          child: ListTile(
                            title: Row(
                              mainAxisAlignment: MainAxisAlignment.center,
                              children: <Widget>[
                                Text(
                                  'Room 1',
                                  style: TextStyle(
                                    fontWeight: FontWeight.bold,
                                  ),
                                ),
                              ],
                            ),
                            subtitle: Padding(
                              padding: const EdgeInsets.only(top:8.0),
                              child: Row(
                                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                                children: <Widget>[
                                  Icon(
                                    Icons.check_box_outline_blank
                                  ),
                                  Icon(
                                    Icons.check_box,
                                  )
                                ],
                              ),
                            ),
                          ),
                        ),
                      ),
                    ],
                  ),
                )

【问题讨论】：

请添加您尝试过的任何代码。

我已添加代码

使用灵活而不是展开。

【参考方案1】：

问题已通过使用Flexible() 而不是Expanded() 解决。 感谢：Jay Patel