Flutter：水平布局组件：Row

xiaohai 2021-08-12 15:24:44 共4422人围观 标签： 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对结构体进行排序

    在PHP中，对二维数组排序还是非常简单的，但是在Golang中对二位数据排序显的就稍显麻烦，但是我们还是可以通过结构体来进行排序，本文主要记录Golang如何通过结构体的多个字段来进行排序。

  • OpenCV-Python图像类型转换

    OpenCV-Python图像类型转换是用cv2.cvtcolor()函数，用于将图像从一个颜色空间转换为另一个颜色空间。它的参数包括输入图像、目标颜色空间和转换方式。例如，将RGB图像转换为灰度图像可以使用cv2.COLOR_RGB2GRAY作为转换方式。

  • Ansible-tower工具搭建和使用

    Ansible-tower工具搭建和使用

点击排行

友情链接