Flutter：垂直布局组件：Column

xiaohai 2021-08-16 08:18:40 共4878人围观 标签： Flutter 
简介垂直布局组件Column也是一种非常常用的组件，跟水平布局组件的使用方式一致。

垂直布局组件Column也是一种非常常用的组件，跟水平布局组件的使用方式一致。

Row组件常用属性：

属性名 类型 说明
mainAxisAlignment MainAxisAlignment 主轴的排列方式
crossAxisAlignment MainAxisAlignment 次轴的排列方式
mainAxisSize MainAxisSize 主轴应该占据的空间

对于Column组件来说，主轴就是垂直方向，次轴就是水平方向。

Column组件Demo
import 'package:flutter/material.dart';

class LayoutColumnWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('垂直布局组件：Column'),
        centerTitle: true,
        elevation: 0.0,
      ),
      body: Column(
        //主轴对齐
        mainAxisAlignment: MainAxisAlignment.center,
        //次轴对齐
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          Text("Column Text Top"),
          Icon(Icons.add),
          Text("Column Text Bottom")
        ],
      ),
    );
  }
}

图片alt

相同类型文章

热门标签

每日一句

    让你在没有我的地方坚强 让我在没有你的地方疗伤。

    ——安东尼

今日排行

  • 《康熙王朝》经典对白

    《康熙王朝》是一部非常优秀的电视连续剧，陈道明演的康熙是我觉得最有帝王气魄，让人意犹未尽，本文主要记录一小段非常经典的对白。

  • Python调用WPS把文档转换PDF，并把PDF转图片

    Python调用WPS把文档转换PDF，并把PDF转图片，首先需要安装WPS，然后利用pypiwin32把文档转化成PDF，再利用fitz、PyMuPD把PDF转化成图片

  • PHP-FPM中启用慢日志配置（用于检测执行较慢的PHP脚本）

    某些时候在寻找某个接口反映较慢的排除方法，除了从网络和服务器的硬件上面排除外，可能还需要我们通过PHP-FPM来排查问题。所以本文我们将说明如何通过PHP-FPM来查询慢日志，帮我们来排查相关问题。

  • 有序集合(Sorted Set)类型

    有序集合是一种比较复杂的数据类型。集合中每个元素都有自己的权重，在某些需要数据保持有序的场景中，有序集合就非常方便。有序集合的功能非常强大，可以获取指定区间内的元素个数，可以进行排名，这都可以在实际的运用场景中大展身手。

  • CSS清除浮动的方法

    清除CSS浮动几乎可以说的每个WEB前端开发者所必备的技能之一，但有些刚刚接触HTML、CSS的开发者，还不懂如何清除CSS浮动，导致页面布局错乱，本文将介绍三种清除CSS浮动的方法，希望对大家有所帮助。

点击排行

友情链接