Flutter：垂直布局组件：Column

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

相同类型文章

热门标签

每日一句

    每天早上，告诉自己一声：今天是一个美好的一天，每天中午，告诉自己一声：今天是一个值得奋战的一天，每天晚上，告诉自己一声：今天是一个需要犒赏自己的一天。

    ——朱德庸

今日排行

  • Gin编译打包静态文件和模板文件

    如果在使用Gin框架编写web应用程序中，如果里面包含了模板文件和静态文件，我们如何进行打包呢？本文主要记录该操作。

  • OpenCV-Python：绘制直方图和统计直方图

    直方图(Histogram)又称质量分布图,是一种统计报告图,由一系列高度不等的纵向条纹或线段表示数据分布的情况,一般用横轴表示数据类型,纵轴表示分布情况,本文主要介绍关于Python matplotlib.pyplot.hist()绘制直方图

  • Flutter：垂直布局组件：Column

    垂直布局组件Column也是一种非常常用的组件，跟水平布局组件的使用方式一致。

  • Flutter：路由管理

    Flutter 提供了基本路由和命名路由两种方式，来管理页面间的跳转。其中，基本路由需要自己手动创建页面实例，通过 Navigator.push 完成页面跳转；而命名路由需要提前注册页面标识符和页面创建方法，通过 Navigator.pushNamed 传入标识符实现页面跳转。

  • 迪米特法则（Law of Demeter，LoD）

    迪米特法则（Law of Demeter，LoD）又叫作最少知识原则（Least Knowledge Principle，LKP)，产生于 1987 年美国东北大学（Northeastern University）的一个名为迪米特（Demeter）的研究项目，由伊恩·荷兰（Ian Holland）提出，被 UML 创始者之一的布奇（Booch）普及，后来又因为在经典著作《程序员修炼之道》（The Pragmatic Programmer）提及而广为人知。

点击排行

友情链接