Flutter Materialを使ってアイコンに四角の枠線をつけるサンプル

環境
Windows11 pro 64bit
Flutter 3.3.7

書式
Material(
shape: RoundedRectangleBorder(),
child: Icon(/*アイコン*/),
)
MaterialのBorderにRoundedRectangleBorderを指定します。

使用例

Material(
  shape: RoundedRectangleBorder(
    side: BorderSide(),
  ),
  child: Icon(
    Icons.flutter_dash_outlined,
    size: 150,
  ),
)

 

IT

Posted by arkgame