Flutter FittedBoxを使ってアイコンをContainerのサイズに合わせるサンプル

2023年10月15日

環境
Windows11 pro 64bit
Flutter 3.3.7

構文

child: FittedBox(
  child: Icon(アイコン),
  fit: BoxFit.fill,
),

アイコンをContainerのサイズに合わせるには、Iconウェジェットを「FittedBox」の「child」に指定します。
FittedBoxの引数「fit」に「BoxFit.fll」を指定します。

使用例

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Center(
      child: Container(
        width: 150,
        height: 150,
        child: FittedBox(
          child: Icon(Icons.flutter_dash),
          fit: BoxFit.fill,
        ),
      ),
    ),
  );
}