Flutter：垂直布局组件：Column

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

相同类型文章

热门标签

每日一句

    你未看此花时，此花与汝同归于寂；你来看此花时，则此花颜色一时明白起来，便知此花不在你的心外。

    ——王阳明

今日排行

  • Electron页面跳转、浏览器打开链接和打开新窗口

    Electron页面跳转、浏览器打开链接和打开新窗口

  • 符号表(Symbol Table)

    符号表（Symbol Table）是一个非常常见的数据结构，在现实生活中应用很多。它是一个“键”—“值”对应的结构。在符号表中，存储的是键值对。通过输入键，查询对应的值。

  • VirtualBox网络配置之Bridged Adapter（网桥模式）

    为了能让虚拟机能连接网络，并且能与宿主机能相互进行访问，所以需要多虚拟机几种网络模式进行学习，以便后期能快速的进行配置。

  • VSCode插件 - Json生成不同语言的数据结构

    在编码的过程中有没有觉得一堆json要转换成自己想要的数据结构要一个字段一个字段去些，感觉非常难受，又费时间又不安逸。对于一个程序员最喜欢偷懒，在VSCode有一款插件解决了这个问题：Paste JSON as Code。

  • Python快速创建一个简单的HTTP服务器

    某些时候如果想快速将服务器中的某些资源共享给其他人，可以使用python来实现，python自带了一个快速创建HTTP服务的方式，可以将允许时目录下的所有文件以文件服务器供他人进行访问和下载。

点击排行

友情链接