Как разместить виджеты близко к закрытию?

Question

Я столкнулся с проблемой

Если в столбец добавлено два виджета, между виджетами есть пространство. Мне нужно убрать пространство между ними. как это сделать.

    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),)
                ),]));

Вывод должен быть

На самом деле мне нужен и этот сценарий,

Любая помощь очень ценится

Answer 1

Вы можете добавить высоту 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),
          ),
        ),
      ],
    ),
  ),

Answer 2

Вы можете легко перекрывать два виджета, используя пакет assorted_layout_widgets с аргументом innerDistance:

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