Flutter：水平布局组件：Row

xiaohai 2021-08-12 15:24:44 共4271人围观 标签： Flutter 
简介水平布局组件Row也是一种非常常用的组件，顾名思义水平布局就是在同一个水平方向上的，也就是通过Row能够组合多个组件在同一水平方向上进行布局。

水平布局组件Row也是一种非常常用的组件，顾名思义水平布局就是在同一个水平方向上的，也就是通过Row能够组合多个组件在同一水平方向上进行布局。

Row组件常用属性：

属性名 类型 说明
mainAxisAlignment MainAxisAlignment 主轴的排列方式
crossAxisAlignment MainAxisAlignment 次轴的排列方式
mainAxisSize MainAxisSize 主轴应该占据的空间

对于Row组件来说，主轴就是水平方向，次轴就是垂直方向。

Row组件的Demo
import 'package:flutter/material.dart';

class LayoutRowWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('水平布局组件：Row'),
        centerTitle: true,
        elevation: 0.0,
      ),
      body: Row(
        //主轴对齐
        mainAxisAlignment: MainAxisAlignment.end,
        //次轴对齐
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          Text("Row Text Left"),
          Icon(Icons.add),
          Text("Row Text Right")
        ],
      ),
    );
  }
}

图片alt

相同类型文章

热门标签

每日一句

    女人可以令你的生活幸福如天堂，也可以令你的生活艰苦如地狱。

    ——古龙

今日排行

  • 音乐推荐《是妈妈是女儿》

    《是妈妈是女儿》聚焦母女间未曾言明的爱意，以书信对话的形式呈现出各自的内心独白，表达彼此的牵挂。黄绮珊与希林娜依·高用跨越时空、打开心扉、深情对唱的形式，将天下母女爱的寄语化作心灵的倾诉。黄绮珊的每一句话，每一个字都演绎出了妈妈对女儿的爱，而希林依娜·高把女儿对妈妈的爱由不理解到理解再到感恩演绎得淋漓尽致。

  • ptree：显示进程状态树

    pstree命令以树形结构显示进程与进程之间的关系

  • VSCode插件 - Draw.io画图工具

    draw.io 是一个强大简洁的在线的绘图网站，支持流程图，UML图，架构图，原型图等图标。支持Github，Google Drive, One drive等网盘同步，并且永久免费。如果觉得使用Web版不方便，draw.io 也提供了多平台的离线桌面版可供下载。

  • PHP的foreach中使用地址注意

    对于一个PHPer来说，经常使用foreach，但是一般都循环一次，今天一个同事偏偏使用了两次foreach，第一次里面使用了地址符号，第二次循环又使用了同一个变量，这就造成了最后结果上出现问题。

  • 正则表达式总结

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

点击排行

友情链接