Flutter 如何将小部件一个接一个地放置？

我面临着这个问题

如果在一列中添加两个小部件，则小部件之间有空间。我需要去掉他们之间的空隙。如何实现它

    Container(height: 50,
                width: 50,
                color: Colors.grey,
                child: Column(mainAxisAlignment: MainAxisAlignment.center,
                  crossAxisAlignment: CrossAxisAlignment.center,
                  children: <Widget>[

                    Flexible(flex: 2,
                        child: Container(color: Colors.indigo,
                            child: SizedBox(child: Icon(
                              Icons.filter_list, color: Colors.white,),))),            
                    Flexible( flex:1, child:
                  Text('5',style: TextStyle(color: Colors.black),)
                ),]));

输出应该是

其实我也需要这个场景

---

非常感谢您提供的任何帮助

您可以使用with INNERDESTANCE参数轻松地重叠两个小部件：

return ColumnSuper(
        innerDistance: -8,
          children: <Widget>[
            Text(
              '5',
              style: TextStyle(
                  color: Colors.black,
              ),
            ),
            Icon(
              Icons.filter_list,
              color: Colors.blue,
            ),
          ]
      );

---

您可以将高度0.6添加到文本小部件

Container(
    height: 50,
    width: 50,
    color: Colors.grey,
    child: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      crossAxisAlignment: CrossAxisAlignment.center,
      children: <Widget>[
        Flexible(
          flex: 2,
          child: Text(
            '5',
            style: TextStyle(color: Colors.black),
          ),
        ),
        Flexible(
          flex: 1,
          child: Text(
            '5',
            style: TextStyle(color: Colors.black, height: 0.6),
          ),
        ),
      ],
    ),
  ),

---

我需要一个文本和之后的图标。如何实现它。文本和文本之间不应有空格icon@rizwika我想我找到了最适合你的解决方案，检查更新的答案