Flutter Widget之Column

Widget:https://flutter.io/docs/development/ui/widgets
Column:https://docs.flutter.io/flutter/widgets/Column-class.html

import 'package:flutter/material.dart';

class ColumnDemoPage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => new _ColumnDemoPageState();
}

class _ColumnDemoPageState extends State<ColumnDemoPage> {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(title: new Text('Column Page Demo'),),
      body: Center(
//          child: Column(
//            children: <Widget>[
//              Text('Deliver features faster'),
//              Text('Craft beautiful UIs'),
//              Expanded(
//                child: FittedBox(
//                  fit: BoxFit.contain, // otherwise the logo will be tiny
//                  child: const FlutterLogo(),
//                ),
//              ),
//            ],
//          )
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.center,
        mainAxisSize: MainAxisSize.min,
        children: <Widget>[
          Text('We move under cover and we move as one'),
          Text('Through the night, we have one shot to live another day'),
          Text('We cannot let a stray gunshot give us away'),
          Text('We will fight up close, seize the moment and stay in it'),
          Text('It\'s either that or meet the business end of a bayonet'),
          Text('The code word is \'Rochambeau\', dig me?'),
          Text('Rochambeau!', style: DefaultTextStyle.of(context).style.apply(fontSizeFactor: 2.0)),
        ],
      ),
      ),
    );
  }
}

Flutter Widget Column

版权声明:
作者:Joe.Ye
链接:https://www.appblog.cn/index.php/2023/03/16/flutter-widget-column/
来源:APP全栈技术分享
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
打赏
海报
Flutter Widget之Column
Widget:https://flutter.io/docs/development/ui/widgets Column:https://docs.flutter.io/flutter/widgets/Column-class.html import 'package:flutt……
<<上一篇
下一篇>>
文章目录
关闭
目 录