Flutter Columnの横幅を設定するサンプル

2024年2月16日

環境
Windows11 pro 64bit
Flutter 3.3.7

構文
SizedBox(
width: /*横幅*/,
child: Column(
ColumnをSizedBoxもしくはContainerでラップします。
SizedBoxもしくはContainerの引数「width」に横幅を設定します。

使用例

@override
 Widget build(BuildContext context) {
   return Scaffold(
     body: Center(
       child: SizedBox(
         width: 100,
         child: Column(
           mainAxisAlignment: MainAxisAlignment.center,
           children: [
             Container(
               height: 200,
               color: Colors.blue,
               margin: EdgeInsets.symmetric(vertical: 10),
             ),