Flutter：水平布局组件：Row

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

相同类型文章

热门标签

每日一句

    巧言不如直到。

    ——郑德辉

今日排行

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

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

  • Golang使用Alpine基础镜像问题

    Golang如果直接使用Alpine基础镜像进行打包，在运行的时候会出现如下问题：standard_init_linux.go:211: exec user process caused "no such file or directory"

  • yarn、npm配置阿里云国内镜像（新镜像）

    nodejs中使用npm和yarn，使用最新阿里云镜像 aliyun mirror，网上很多还是文章用的是下面这个地址~~yarn config set registry https://registry.npm.taobao.org~~

  • 网址收藏

    平时在工作中会用到很多技术和工具，有时候确实会遗忘，所以这里将这些收藏该文中，便于以后进行查找。也希望查看到该文章的朋友对你们有一定的帮助，后期还会加入更多的信息进来。

  • Python修改Windows桌面壁纸

    为了实现能定时修改桌面背景，又不想使用其他的软件，所以自己就通过了Python实现了更换桌面背景的程序，后期通过执行定时任务来修改自己的桌面背景。

点击排行

友情链接