flutter中的Row和Column对齐布局

最新推荐文章于 2025-11-01 19:29:13 发布

原创

最新推荐文章于 2025-11-01 19:29:13 发布 · 2.3k 阅读

收录于

本文详细介绍了Flutter中Row和Column组件的构造方法，包括MainAxisAlignment和CrossAxisAlignment属性的用法，以及它们如何影响子控件的排列和对齐。通过对这些属性的理解，开发者可以更好地布局和组织UI元素。

Column和Row使用的方法一样，这里就写一个

Row的构造方法

  Row({
   
   
    Key key,  // key
    MainAxisAlignment mainAxisAlignment = MainAxisAlignment.start,  // 子控件放置方式
    MainAxisSize mainAxisSize = MainAxisSize.max,  // 子控件应该如何沿着主轴放置
    CrossAxisAlignment crossAxisAlignment = CrossAxisAlignment.center, // 子控件对齐方式
    Tex