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

環境
Windows11 pro 64bit
Flutter 3.3.7

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

使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
Material(
shape: RoundedRectangleBorder(
side: BorderSide(),
),
child: Icon(
Icons.flutter_dash_outlined,
size: 150,
),
)
Material( shape: RoundedRectangleBorder( side: BorderSide(), ), child: Icon( Icons.flutter_dash_outlined, size: 150, ), )
Material(
  shape: RoundedRectangleBorder(
    side: BorderSide(),
  ),
  child: Icon(
    Icons.flutter_dash_outlined,
    size: 150,
  ),
)

 

IT

Posted by arkgame