Flutter：垂直布局组件：Column

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

相同类型文章

热门标签

每日一句

    精诚无间同忧乐，笃爱有缘共死生。

    ——鲁迅

今日排行

  • Golang编译打包Vue项目到二进制包

    Golang打包一般的静态资源文件到二进制文件中还是比较简单，但是如果遇到使用Vue编写的后台界面，该如何打包呢？本文就是记录如何打包Vue到二进制包

  • SSH删除密钥

    以前配置了服务器的免密登录，但是后期重新装了操作系统，那么再次尝试却出现了WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED!提示，那么我们需要将以前的公钥删掉

  • OpenCV-Python图像类型转换

    OpenCV-Python图像类型转换是用cv2.cvtcolor()函数，用于将图像从一个颜色空间转换为另一个颜色空间。它的参数包括输入图像、目标颜色空间和转换方式。例如，将RGB图像转换为灰度图像可以使用cv2.COLOR_RGB2GRAY作为转换方式。

  • lsof：查看进程打开的文件

     lsof命令的全称为：list open file，也就是列出系统中已经打开的文件，通过该命令就可以根据文件找到对应的进程信息，也可以根据进程信息找到进程打开的文件。   如果系统中没有lsof名，可以使用后面的命令进行安装：yum -y install lsof

  • Ansible-tower工具搭建和使用

    Ansible-tower工具搭建和使用

点击排行

友情链接