Flutter：水平布局组件：Row

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

相同类型文章

热门标签

每日一句

    陪着我，不离开，是对我最好的疼爱。

    ——李宫俊

今日排行

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

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

  • 《康熙王朝》经典对白

    《康熙王朝》是一部非常优秀的电视连续剧，陈道明演的康熙是我觉得最有帝王气魄，让人意犹未尽，本文主要记录一小段非常经典的对白。

  • top：实时显示系统各个进程占用的资源情况

    top命令用于实时显示系统中进程占用资源的情况。该命令还可以按照CPU的使用、内存使用和执行时间对系统进程进行排序显示。同时top命令还可以通过交互命令进行设定显示

  • jQuery滚动到顶部插件scrollUp

    ScrollUp 是一个轻量级的 jQuery 插件，用于创建可轻松用于任何网站的可自定义的“滚动到顶部”功能。

  • 人脸认证：face_recognition库的安装与应用

    人脸识别技术如今已广泛应用于安全监控、身份验证、人机交互等多个领域。对于开发者而言，利用现有的库如face_recognition可以极大地简化人脸识别的开发过程。本文将详细介绍如何安装face_recognition库，并通过实例展示如何用它来实现一个基本的人脸比对服务。

点击排行

友情链接