Flutter的Align组件

最新推荐文章于 2024-08-07 15:33:27 发布

llayjun

最新推荐文章于 2024-08-07 15:33:27 发布

阅读量194

点赞数

分类专栏： flutter

本文链接：https://blog.csdn.net/llayjun/article/details/109746231

版权

flutter 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

flutter组件学习

flutter的Align组件

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Align组件',
      home: Scaffold(
        appBar: AppBar(title: Text('Align组件'),),
        body: Container(
          color: Colors.red,
          child: Align(
            // 宽高填充的倍数
            widthFactor: 2.0,
            heightFactor: 2.0,
            // 对齐方式使用x,y来表示，范围从-1.0到1.0
            alignment: Alignment(0.0, 0.0),
            child: Container(
              color: Colors.green,
              width: 100,
              height: 50,
              child: Text('BottomCenter', style: TextStyle(color: Colors.white),),
            ),
          ),
        ),
      ),
    );
  }
}