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),

@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), ),

@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),
             ),

Posted by arkgame

関連投稿: