【问题标题】: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,
                                  )
                                ],
                              ),
                            ),
                          ),
                        ),
                      ),
                    ],
                  ),
                )

【问题讨论】:

  • 请添加您尝试过的任何代码。
  • 我已添加代码
  • 使用灵活而不是展开。

标签: android flutter dart


【解决方案1】:

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

【讨论】: