开发者社区> 问答> 正文

删除Flutter中两列之间的空间

我想消除这两列之间的差距。 在此处输入图片说明 我该如何实现?

这是我尝试过的代码。在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,
                                  )
                                ],
                              ),
                            ),
                          ),
                        ),
                      ),
                    ],
                  ),
                )

展开
收起
Puppet 2020-01-18 19:00:52 370 0
1 条回答
写回答
取消 提交回答
  • 通过使用Flexible()代替来解决此问题Expanded()。致谢:Jay Patel

    2020-01-18 19:01:03
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
动态、高效,蚂蚁动态卡片的内核逻辑 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载