Flutter：垂直布局组件：Column

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

相同类型文章

热门标签

每日一句

    人生颇富机会和变化，人最得意的时候，有最大的不幸光临。

    ——亚里士多德

今日排行

  • 《康熙王朝》经典对白

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

  • iotop：动态显示磁盘I/O统计信息

    iotop命令是一款实时监控磁盘I/O的工具，必须要root用户才能运行。使用iotop可以和方便的查看每个进程使用磁盘I/O的情况。如果系统中没有iotop命令，就需要额外安装。

  • Centos7下安装openOffice

    OpenOffice.org 是一套跨平台的办公室软件套件，能在Windows、Linux、MacOS X (X11)和 Solaris 等操作系统上执行。它与各个主要的办公室软件套件兼容。OpenOffice.org 是免费软件，任何人都可以免费下载、使用及推广它。

  • 正则表达式总结

    正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本。工作中往往需要用到正则表达式，那么本文主要记录正则表达式的一些基本的知识和常用的正则表达式。

  • Laravel增加URL参数

    在做搜索列表分页的时候，需要分页后的页面跳转的url地址中包含搜索的参数，在Laravel中的如何处理呢？

点击排行

友情链接