Flutter-向 OutlinedButton 小部件添加 Padding

Question

我在為 OutlinedButton 添加焊盤時遇到問題，我一直在使用 OutlineButton，但我決定使用 OutlinedButton，因為該按鈕已折舊。 但是，在未定義填充參數的情況下，按鈕的用法有所不同。 我嘗試將 OutlinedButton 包裝在 ButtonTheme 中，但它沒有任何效果，現在我正在使用 Padding，如下面的代碼示例所示。

new Column(children: [
              new Row(children: [
                //5th row
                new Expanded(
                  child: Padding(
                      child: new OutlinedButton(
                    child: new Text(
                      "Main Page",
                      style: TextStyle(
                          fontFamily: 'NotoSans',
                          fontSize: 20.0,
                          fontWeight: FontWeight.w400),
                    ),
                    onPressed: () {
                      Navigator.of(context).push(_gotoMainPage());
                    },
                    padding: EdgeInsets.all(20),
                  )),
                )
              ]),
            ])
          ],
        ),

提前致謝。

Answer 1

OutlinedButton 和 ElevatedButton 都有一個styleFrom方法，可用於設置填充、顏色和形狀等內容：

 OutlinedButton(
          child: Text('Padded Button'),
          onPressed: (){
            
          },
          style: OutlinedButton.styleFrom(
            padding: EdgeInsets.all(8),
            shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.circular(16)
            )
          ),
        )