Zenn
Open5

Row内の要素を1:1で表示したい

Flutter
muranakarmuranakar
Row(
  children: [
    Expanded(
      flex: 1, // flexの値が同じなので1:1の比率になります
      child: Container(
        color: Colors.red,
        height: 100,
      ),
    ),
    Expanded(
      flex: 1,
      child: Container(
        color: Colors.blue,
        height: 100,
      ),
    ),
  ],
)
muranakarmuranakar

1:1には表示することができたが、文字列がはみ出てしまい、Error出力。

muranakarmuranakar

Expandedで包むことによって、解消することができた。