Flutter入门学习--(14)垂直布局控件Column

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zx13525079024/article/details/86636281

 使用Column可以在垂直方向上布局,其实就是一列,分成了多行,效果图

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'Flutter',
        home: new Column(
         mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text("第一行"),
            Text("第二行"),
             Text("第三行"),
          ],
        ));
  }
}

mainAxisAlignment:表示在垂直方向居住

猜你喜欢

转载自blog.csdn.net/zx13525079024/article/details/86636281
今日推荐