水平布局组件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")
        ],
      ),
    );
  }
}