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)),
],
),
),
);
}
}
版权声明:
作者:Joe.Ye
链接:https://www.appblog.cn/index.php/2023/03/16/flutter-widget-column/
来源:APP全栈技术分享
文章版权归作者所有,未经允许请勿转载。
THE END
0
二维码
打赏
海报
Flutter Widget之Column
Widget:https://flutter.io/docs/development/ui/widgets
Column:https://docs.flutter.io/flutter/widgets/Column-class.html
import 'package:flutt……
文章目录
关闭
共有 0 条评论