关于flutter:Flutter深入浅出组件篇Center完结

37次阅读

共计 670 个字符,预计需要花费 2 分钟才能阅读完成。

Center 介绍

Center就是将子组件进行一个居中展现,它继承自 Align,因为Align 默认的对齐形式是居中的,所以它能实现居中成果,如果 Center 的尺寸没有受到限制,那么它将尽可能大。

示例代码

本文中很多成果都没有截图,可下载源代码运行我的项目 源代码地址,或者通过视频教程查看 视频教程地址

什么状况下应用 Center?

当咱们须要对子组件进行居中的时候应用Center

Center 的属性和阐明

字段 属性 形容
widthFactor double 宽度系数
heightFactor double 高度系数
child Widget 子组件

Center 应用

import 'package:flutter/material.dart';

class CenterExample extends StatefulWidget {
  @override
  _CenterExampleState createState() => _CenterExampleState();
}

class _CenterExampleState extends State<CenterExample> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("AlignExample"),
      ),
      body: Center(child: Text("Jimi"),
      ),
    );
  }
}

成果展现

完结

咱们对 Flutter 的所有容器类组件进行了一个解说,那么此篇幅就曾经完结了,在接下来咱们持续解说 Flutter 的根底类组件。

正文完
 0