小程序开发|小程序制作|小程序开发网

搜索

Flutter深入浅出组件篇---Center、完结

2022-5-17 09:22| 发布者: huxiaoqi| 查看: 279| 评论: 2

摘要: Center介绍Center就是将子组件进行一个居中展示,它继承自Align,因为Align默认的对齐方式是居中的,所以它能实现居中效果,如果Center的尺寸没有受到限制,那么它将尽可能大。示例代码本文中很多效果都没有截图,可

Center介绍

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

示例代码

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

什么情况下使用Center?

当我们需要对子组件进行居中的时候使用Center

Center的属性和说明

字段属性描述
widthFactordouble宽度系数
heightFactordouble高度系数
childWidget子组件

Center使用

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

效果展示

完结

我们对Flutter的所有容器类组件进行了一个讲解,那么此篇幅就已经完结了,在接下来我们继续讲解Flutter的基础类组件。


免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

鲜花

握手

雷人

路过

鸡蛋
发表评论

最新评论

引用 xiaoxiao 2022-5-17 09:32
紫薯布丁
引用 蠡湖冲 2022-4-5 10:25
先看为敬

查看全部评论(2)

返回顶部