Flutter基础—定位对齐之对齐

Flutter基础—定位对齐之对齐,第1张

概述Align控件即对齐控件,能将子控件所指定方式对齐,并根据子控件的大小调整自己的大小。 对齐子控件的方式: bottomCenter (0.5, 1.0) 底部中心bottomLeft (0.0, 1.0) 左下角bottomRight (1.0, 1.0) 右下角center (0.5, 0.5) 水平垂直居中centerLeft (

Align控件即对齐控件,能将子控件所指定方式对齐,并根据子控件的大小调整自己的大小。

对齐子控件的方式:

bottomCenter    (0.5,1.0)    底部中心bottomleft    (0.0,1.0)    左下角bottomright    (1.0,1.0)    右下角center    (0.5,0.5)    水平垂直居中centerleft    (0.0,0.5)    左边缘中心centerRight    (1.0,0.5)    右边缘中心topCenter    (0.5,0.0)    顶部中心topleft    (0.0,0.0)    左上角topRight    (1.0,0.0)    右上角
@R_502_5565@ 'package:Flutter/material.dart';class LayoutDemo extends StatelessWidget {  @overrIDe  Widget build(BuildContext context) {    return new Scaffold(      appbar: new Appbar(        Title: new Text('对齐'),),body: new Stack(        children: <Widget>[          new Align(            alignment: new FractionalOffset(0.0,0.0),child: new Image.network('http://up.qqjia.com/z/25/tu32710_10.jpg'),new Align(            alignment: FractionalOffset.bottomright,child: new Image.network('http://up.qqjia.com/z/25/tu32710_11.jpg'),]      ),);  }}voID main() {  runApp(    new MaterialApp(      Title: 'Flutter教程',home: new LayoutDemo(),);}

总结

以上是内存溢出为你收集整理的Flutter基础定位对齐之对齐全部内容,希望文章能够帮你解决Flutter基础—定位对齐之对齐所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1002707.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-22
下一篇 2022-05-22

发表评论

登录后才能评论

评论列表(0条)

保存