Flutter：垂直布局组件：Column

xiaohai 2021-08-16 08:18:40 共4478人围观 标签： 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

相同类型文章

热门标签

每日一句

    少壮真当努力，一年过去，何可攀援。

    ——魏文帝

今日排行

  • 网页扫描二维码库：Html5-Qrcode

    网页扫描二维码库：Html5-Qrcode，官网地址：https://scanapp.org/html5-qrcode-docs/

  • yarn、npm配置阿里云国内镜像（新镜像）

    nodejs中使用npm和yarn，使用最新阿里云镜像 aliyun mirror，网上很多还是文章用的是下面这个地址~~yarn config set registry https://registry.npm.taobao.org~~

  • partprobe：更新内核的磁盘分区表信息

    partprobe命令用于在硬盘分区发生变化是，更新Linux内核中的硬盘分区表数据。有时在使fdisk、part命令对硬盘进行分区后，会发现找不到新分区，此时需要重启系统才能使修改生效，但是partprobe可以不重启系统就让修改的分区表生效。

  • rpm：RPM包管理器

    rpm命令的全称是：Red Hat Package Manager(Red Hat包管理器)，几乎所有的Linux发行版都使用了这种形式的命令管理、安装、更新和卸载软件   rpm命令包含了五种基本功能：安装、卸载、升级、查询和验证

  • sort：文本排序

    sort命令将输入的内容按照指定的规则进行排序，然后再输出

点击排行

友情链接