Flutter：水平布局组件：Row

xiaohai 2021-08-12 15:24:44 共2542人围观 标签： 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

相同类型文章

热门标签

每日一句

    有的东西不过很久，是不可能理解的，有的东西等到理解了，又为时已晚，大多时候，我们不得不在尚未清楚认识自己的心的情况下选择行动，因而感到迷惘和困惑。

    ——村上春树

今日排行

  • Mysql in 多个字段的用法

    Mysql in 多个字段的用法

  • 初中几何模型一、线段（双中点）

    线段（双中点）模型是我们初中几何初步认识的第一个模型，看似比较简单，但是对于我们初中学生刚接触几何确有一定的难度，所以本文主要讲解该模型.

  • PHP的foreach中使用地址注意

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

  • Prometheus安装

    最近搭建一套监控系统，本文主要记录Prometheus的安装配置

  • Go开源库和项目整理

    Golang开源库和项目整理，持续更新

点击排行

友情链接