如何在 Flutter 中創建帶邊框的圓形按鈕？

Question

我找到了如何在 Flutter 中創建圓形圖標按鈕？ 有這個代碼：

RawMaterialButton(
  onPressed: () {},
  elevation: 2.0,
  fillColor: Colors.white,
  child: Icon(
    Icons.pause,
    size: 35.0,
  ),
  padding: EdgeInsets.all(15.0),
  shape: CircleBorder(),
)

效果很好，但我無法插入帶顏色的邊框。 查看https://api.flutter.dev/flutter/painting/CircleBorder-class.html我找不到任何插入邊框的方法。

在 Flutter 中的圓形按鈕中插入邊框的最簡單方法是什么？

Answer 1

您可以通過將 side 屬性應用於 CircleBorder 來設置邊框。 請參閱下面的代碼。

     RawMaterialButton(
      onPressed: () {},
      elevation: 2.0,
      fillColor: Colors.white,
      child: Icon(
        Icons.pause,
        size: 35.0,
      ),
      padding: EdgeInsets.all(15.0),
      shape: CircleBorder(
        side: BorderSide(width: 5, color: Colors.red, style: BorderStyle.solid),
      ),
    );

Answer 2

以下是設置按鈕邊框的方法：

shape: CircleBorder(
        side: BorderSide(width: 5.0, style: BorderStyle.solid, color: Colors.red)
      ),