美文网首页
Flex和Column、Row以及属性

Flex和Column、Row以及属性

作者: 晓函 | 来源:发表于2021-12-15 14:30 被阅读0次

Column和Row继承自Flex,
Flex更加灵活,需要指定方向。

比如Column会自动占满已知的纵向空间,如果想不占满呢?
那就可以用参数mainAxisSize,设为MainAxisSize.min即可。


Container(
child:Flex(
        direction: Axis.vertical,
        children: [
          Text('立即购买',textAlign:TextAlign.start,style:TextStyle(color:Colors.black,fontSize: 12.sp)),
          Text('11元仅限今日',textAlign:TextAlign.start,style:TextStyle(color:Colors.black,fontSize: 11.sp))
        ],
        mainAxisAlignment: MainAxisAlignment.start,
        mainAxisSize: MainAxisSize.min,
  ),
padding:EdgeInsets.fromLTRB(15.w, 3.w, 15.w, 3.w),
);

默认的MainAxisSize.max


image.png

MainAxisSize.min


image.png

相关文章

网友评论

      本文标题:Flex和Column、Row以及属性

      本文链接:https://www.haomeiwen.com/subject/wtaufrtx.html