Flutter FloatingActionButtonの枠線の太さを変えるサンプル

2023年9月30日

環境
Windows11 pro 64bit
Flutter 3.3.7

構文
shape: CircleBorder(
side: BorderSide(xxx
FloatingActionButtonの枠線の太さを変えるには、CircleBorderを使います。

作成方法
1.引数「shape」に「CircleBorder」を指定します。
shape: CircleBorder(

2.「CircleBorder」の引数「side」に、「BorderSide」を指定します。
side: BorderSide(

3.「BorderSide」クラスの引数「width」に枠線の太さを設定します。
width: xxx,

使用例

floatingActionButton: FloatingActionButton(

shape: CircleBorder(

side: BorderSide(

width: 8,

),

),

onPressed: () {},

child: Icon(Icons.add),

),

floatingActionButton: FloatingActionButton( shape: CircleBorder( side: BorderSide( width: 8, ), ), onPressed: () {}, child: Icon(Icons.add), ),

 floatingActionButton: FloatingActionButton(
  shape: CircleBorder(
    side: BorderSide(
      width: 8,
    ),
  ),
  onPressed: () {},
  child: Icon(Icons.add),
),

Posted by arkgame