Поднятая полоса уменьшения ширины кнопки

Question

Поднятая кнопка занимает слишком большую ширину, и я хочу уменьшить ее в соответствии с моим макетом ...

ButtonTheme(
    minWidth: 16.0,
    height: 30.0,
    child: RaisedButton(
     onPressed:()=>print("a"),
     child: new Row(
       children: <Widget>[
         Padding(
           padding: const EdgeInsets.only(right: 6.0),
           child: Text('SORT BY',style: TextStyle(fontSize: 12.0),),
         ),
         Icon(Icons.keyboard_arrow_down,size: 20.0,),
       ],
     ),
    ),
),

Answer 1

Я получил ответ

Нам нужно добавить отступ в Raised button для удаления заполнения по умолчанию

 ButtonTheme(
                     minWidth: 16.0,
                     height: 30.0,
                    child: RaisedButton(
                      padding: const EdgeInsets.all(8.0),
                       onPressed:()=>print("a"),
                       child: new Row(
                         children: <Widget>[
                           Padding(
                             padding: const EdgeInsets.only(right: 6.0),
                             child: Icon(Icons.filter,size: 16.0,),
                           ),
                           Text('FILTER',style: TextStyle(fontSize: 12.0),),
                         ],
                       ),
                     ),



                   ),

Answer 2

Вы используете Row виджет внутри вашего RaisedButton, и он принимает максимальную ширину, вы можете исправить это, используя минимальное пространство mainAxisSize: MainAxisSize.min, например:

  ButtonTheme(
          minWidth: 16.0,
          height: 30.0,
          child: RaisedButton(
            onPressed: () => print("a"),
            child: new Row(
              mainAxisSize: MainAxisSize.min,
              children: <Widget>[
                Padding(
                  padding: const EdgeInsets.only(right: 6.0),
                  child: Text(
                    'SORT BY',
                    style: TextStyle(fontSize: 12.0),
                  ),
                ),
                Icon(
                  Icons.keyboard_arrow_down,
                  size: 20.0,
                ),
              ],
            ),
          ),
        ),