[Flutter]FloatingActionButtonの枠線の設定をする方法

どうも、ちょげ(@chogetarou)です。

FloatingActionButtonの枠線の設定をする方法を紹介します。

方法

FloatingActionButtonの枠線の設定をするには、「BorderSide」クラスを使います。

具体的には、まず「FloatingActionButton」の引数「shape」に「CircleBorder」を指定します。

そして、「CircleBorder」の引数「side」に「BorderSide」クラスを指定します。

FloatingActionButtonの枠線の設定は、BorderSideクラスの次の引数で行うことが出来ます。

• color : 枠線の色
• width : 枠線の太さ

以下は、実際の使用例です。

FloatingActionButton(
  shape: CircleBorder(
    side: BorderSide(
      color: Colors.red, //色
      width: 5, //太さ
    ),
  ),
  onPressed: () {},
  child: Icon(Icons.add),
)