Question

我想通过减小垂直尺寸来改变按钮的大小，使其有点压扁。我目前写的代码是这样的：

        Padding(
                padding: const EdgeInsets.all(8),
                child: Material(
                  color: Color(0xFF3E4685),
                  borderRadius: BorderRadius.circular(20),
                  elevation: 6,
                  child: MaterialButton(
                    height: 0,
                    onPressed: () {},
                    padding: EdgeInsets.symmetric(vertical: 0),
                    child: Icon(
                      Icons.arrow_right_alt_sharp,
                      size: 50,
                      color: Colors.white,
                    ),
                  ),
                ),
              )

输出是这样的： Button

我希望它的垂直高度更小一点，我尝试使用 height 属性，但它不起作用。

Answer 1

试试这个

SizedBox(
  width: 150,
  height: 150,
  child: Material(
   color: Color(0xFF3E4685),
   borderRadius: BorderRadius.circular(20),
   elevation: 6,
   child: MaterialButton(
    height: 0,
    onPressed: () {},
    padding: EdgeInsets.symmetric(vertical: 0),
    child: Icon(
      Icons.arrow_right_alt_sharp,
      size: 50,
      color: Colors.white,
     ),
    ),
  ),

或者你可以使用 ButtonTheme

ButtonTheme(
  minWidth: 200.0,
  height: 100.0,
  child: YourButton
),

如何更改此颤动材质按钮的大小？

1 个答案: