Flutter：垂直布局组件：Column

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

相同类型文章

热门标签

每日一句

    成功的花，人们只惊慕她现时的明艳！然而当初她的芽儿，浸透了奋斗的泪泉，洒遍了牺牲的血雨。

    ——冰心

今日排行

  • Flutter：分割线组件Divider和VerticalDiVider

    分割线是也是比较常用的组件，本文主要介绍下Divider和VerticalDiVider的使用方法。

  • OpenCV-Python边缘检测：Sobel、Scharr、Laplacian算子和Canny算子

    图像梯度计算的是图像变化的速度。对于图像的边缘部分，其灰度值变化较大，梯度值也较大；相反，对于图像中比较平滑的部分，其灰度值变化较小，相应的梯度值也较小。图像梯度计算需要求导数，但是图像梯度一般通过计算像素值的差来得到梯度的近似值（近似导数值）。本节主要介绍Sobel算子、Scharr算子、Laplacian算子和Canny算子的使用.

  • Centos下使用mwget进行多进程下载

    想要提速你的wget下载工具吗，那么请跟我一起安装mwget工具，一起试试是否能进行下载提速哟！

  • 二叉树(Binary Tree)

    二叉树（Binary tree）是树形结构的一个重要类型。许多实际问题抽象出来的数据结构往往是二叉树形式，即使是一般的树也能简单地转换为二叉树，而且二叉树的存储结构及其算法都较为简单，因此二叉树显得特别重要。二叉树特点是每个结点最多只能有两棵子树，且有左右之分。

  • OpenCV-Python图像像素处理

    图像都是由像素点构成的，图像分类： 1、二值图像（任意一个像素只能是0或1）； 2、灰度图像（任意一个像素值都在0~255）； 3、RGB图像（任意一个像素是（R,G,B）构成的）,但是OpenCV是默认颜色通道是BGR.

点击排行

友情链接