Flutter基础—定位对齐之对齐

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)    右上角

import 'package:flutter/material.dart';
class LayoutDemo extends StatelessWidget {@overrideWidget 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基础—定位对齐之中心定位
Center既中心定位控件,能够将子控件放在其内部中心. import 'package:flutter/material.dart'; class LayoutDemo extends Statel ...
Flutter基础—定位对齐之大小比例
SizedBox控件能强制子控件具有特定宽度.高度或两者都有 import 'package:flutter/material.dart'; class LayoutDemo extends Stat ...
Flutter基础—定位对齐之填充
Padding控件即填充控件,能给子控件插入给定的填充. import 'package:flutter/material.dart'; class LayoutDemo extends Statel ...
Bootstrap——制作个人简历网页、工具类【边框（添加、删除、颜色、圆角）、清除浮动、颜色（文本、链接、背景）、display属性、浮动、定位、文本对齐】
制作个人简历网页代码: <!DOCTYPE html> <html><head><meta charset="UTF-8">< ...
Flutter对接第三方高德地图+百度地图基础定位实现
Flutter对接第三方高德地图+百度地图基础定位实现原创:@As.Kai 博客地址:https://blog.csdn.net/qq_42362997 如果以下内容对您有帮助,点赞点赞点赞~ 高德 ...
Flutter基础—你好，Flutter！
什么是Flutter Flutter是一个移动应用程序的软件开发工具包(SDK),用一个代码库构建高性能.高保真的iOS和Android应用程序.目标是使开发人员能够为Android和iOS提供自然的 ...
Flutter基础布局组件及实现
https://www.cnblogs.com/lxlx1798/p/11084904.html 一,概述 Flutter中拥有30多种预定义的布局widget,常用的有Container.Paddi ...
Flutter 基础目录结构介绍、入口自定义widget、等相关组件使用
提示:此文章为前端学习flutter过程,如有歧义期望各位大大的宝贵意见学习Dart 基础知识移步这里安装flutter环境相关移步这里 flutter基础组件使用相关移步这里文章目录一 ...
一份超级详细的Flutter基础组件练习示例，请查收！
学习B站技术胖的flutter基础课程整理的示例,为了平时方便查阅,同时希望能和大家一同进步~ Flutter基础组件 Hello world import 'package:flutter/mate ...

Flutter基础—定位对齐之对齐

Flutter基础—定位对齐之对齐相关推荐

最新文章

热门文章