Flutter 基础布局Widgets之Align-白红宇的个人博客

发布日期：2021-05-09 04:03:51 浏览次数：18 分类：博客文章

本文共 981 字，大约阅读时间需要 3 分钟。

Align的作用是为了设置子child的对齐方式，一般作为其他控件的一个参数。

构造函数

const Align({    Key key,    this.alignment = Alignment.center,    this.widthFactor,    this.heightFactor,    Widget child  })

代码demo

import 'package:flutter/material.dart';void main() => runApp(  MaterialApp(    title: '图标按钮组件示例',    home: LayoutDemo(),  ),);class LayoutDemo extends StatelessWidget {  @override  Widget build(BuildContext context) {    return Scaffold(      appBar: AppBar(        title: Text('图标按钮组件示例'),      ),      body: Align(        alignment: Alignment.centerLeft,        widthFactor: 2.0,        heightFactor: 2.0,        //添加图标按钮        child: IconButton(          //图标元素          icon: Icon(Icons.volume_up,size: 48.0,),          //按钮提示          tooltip: '按下操作',          //按下事件响应          onPressed:(){            print('按下操作');          },        ),      ),    );  }}

上一篇：iOS组件化开发-发布私有库

下一篇：Dart中类的getter和setter

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

构造函数

代码demo

发表评论

最新留言

关于作者

推荐文章