• 赚钱入口【需求资源】限时招募流量主、渠道主,站长合作;【合作模式】CPS长期分成,一次推广永久有收益。主动打款,不扣量;

Flutter Row 两边对齐

Flutter cps12345 11个月前 (11-28) 223次浏览 0个评论
问题:

Flutter 的 Row 中如何两边对齐?

默认是:

Left Right
期望的是:
Left      Right
解决方法:

方法1:使用 mainAxisAlignment: MainAxisAlignment.spaceBetween

Row(
  mainAxisAlignment: MainAxisAlignment.spaceBetween,
  children: <Widget>[
    FlutterLogo(),
    FlutterLogo(),
  ],
);

方法2: 使用 Spacer

Row(
  children: <Widget>[
    FlutterLogo(),
    Spacer(),
    FlutterLogo(),
  ],
);

方法3: 使用 Expanded

Row(
  children: <Widget>[
    FlutterLogo(),
    Expanded(child: SizedBox()),
    FlutterLogo(),
  ],
);

方法4: 使用Flexible

Row(
  children: <Widget>[
    FlutterLogo(),
    Flexible(fit: FlexFit.tight, child: SizedBox()),
    FlutterLogo(),
  ],
);

展示效果:

Flutter Row 两边对齐

喜欢 (0)

您必须 登录 才能发表评论!