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

您正在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,
                ),
              ],
            ),
          ),
        ),

Answer 2

我得到了答案

我们需要在“凸起”按钮中添加填充以删除默认填充

sumList

提起按钮宽度减少颤动

2 个答案: