Flutter UI Widget介绍—Spacer

Spacer可以给child组件均等的设置间距。

比如下面这段代码，第一个Container和第二个Container之间的Spacer的flex值为1。

第二个Container和第三个Container之间的Spacer的flex值为2。

表示第二个Container和第三个Container之间的间距是第一个Container和第二个Container间距的两倍。

body: Center(
          child:Row(
            children: [
              Container(
                height: size,
                width: size,
                color: Colors.red,
              ),
              const Spacer(flex: 1,),
              Container(
                height: size,
                width: size,
                color: Colors.green,
              ),
              const Spacer(flex: 2,),
              Container(
                height: size,
                width: size,
                color: Colors.blue,
              ),
            ],
          )
        ),