Flutter中的row控件就是水平控件,它可以让Row里边的子元素进行水平排列
Row控件可以分为灵活排列和非灵活排列两种
- 不灵活就是根据Row子元素的大小,进行布局。如果子元素不足,它会留有空隙,如果子元素超出,它会警告。
- 灵活就是解决上面有空隙的问题,可以使用 Expanded来进行解决。
不灵活水平布局
比如现在我们要制作三个按钮,并让三个按钮同时在一排。我们写下了如下代码,但你会发现效果并不理想。
这时候你会发现的页面已经有了三个按钮,但这三个按钮并没有充满一行,而是出现了空隙。这就是不灵活横向排列造成的。它根据子元素的大小来进行排列。如果我们想实现充满一行的效果,就要使用灵活水平布局了。
代码如下:
import 'package:flutter/material.dart';
void main () => runApp(MyApp());
class MyApp extends StatelessWidget{
@override
Widget build(BuildContext context ){
return MaterialApp(
title:'Row widget',
home:Scaffold(
appBar: new AppBar(
title: new Text('水平方向布局'),
),
body:new