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

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

Flutter深入浅出组件篇---ClipRect、ClipRRect

2021-09-12
阅读 6 分钟
2.7k
ClipRect 是给子组件裁剪为给定的矩形大小,默认情况下,ClipRect会阻止其子组件在边界之外进行会话,如果需要对子组件进行大小和位置的限定,那么还可以通过自定义裁剪路径。

Flutter深入浅出组件篇---Container、AnimatedContainer

2021-09-07
阅读 8 分钟
1.1k
如果组件需要一些背景样式、形状、尺寸限制就可以用Container来进行包裹子组件用于装饰和定位,所以Container 是一个组合类容器。它是DecoratedBox、ConstrainedBox、Transform、Padding、Align等组件组合的一个多功能容器。

Flutter深入浅出组件篇---AspectRatio、FractionallySizedBox

2021-09-06
阅读 3 分钟
933
AspectRatio介绍AspectRatio 主要的作用是调整子组件设定的宽高比,如播放视频时16:9或4:3等。示例代码本文中很多效果都没有截图,可下载源代码运行项目 源代码地址,或者通过视频教程查看 视频教程地址AspectRatio构造函数 {代码...} AspectRatio属性和说明字段属性描述aspectRatiodouble纵横比例childWidget子组件aspe...

Flutter深入浅出组件篇---OverflowBox、SizedOverflowBox

2021-09-04
阅读 3 分钟
3.6k
OverflowBox介绍OverflowBox 允许子控件超出父控件的边界。这个特性主要可以用来实现文字或者按钮角标的。示例代码本文中很多效果都没有截图,可下载源代码运行项目 源代码地址,或者通过视频教程查看 视频教程地址OverflowBox构造函数 {代码...} OverflowBox属性和说明字段属性描述alignmentAlignmentGeometry子组件对...

Flutter深入浅出组件篇---SizeBox、FittedBox

2021-09-02
阅读 3 分钟
2.6k
SizeBox介绍SizeBox 是一个指定尺寸的盒子,一般用来限制子控件的大小,能强制子控件具有特定宽度和高度。示例代码本文中很多效果都没有截图,可下载源代码运行项目 源代码地址,或者通过视频教程查看 视频教程地址什么情况下使用SizeBox?我们知道按钮是不能设定宽度和高度的,如果我们需要自定按钮的宽度和高度,那么就...

Flutter深入浅出组件篇---ConstrainedBox、BoxConstraints、UnconstrainedBox

2021-08-31
阅读 3 分钟
3.6k
主要目的是对其子组件添加额外的约束,有时候子组件需要自动调整宽度和高度,以达到最佳的适配设计,那么这时候使用ConstrainedBox 是最佳的选择。

Flutter深入浅出组件篇---Align、AnimatedAlign

2021-08-29
阅读 4 分钟
1.1k
Align介绍Align 一般是用来确定子控件在父布局中的位置,比如居中、左上等多个对齐方式。示例代码本文中很多效果都没有截图,可下载源代码运行项目 源代码地址,或者通过视频教程查看 视频教程地址什么情况下使用Align?当子组件需要设置位于父组件的某个位置时,需要用到AlignAlign构造函数 {代码...} 完整示例代码 {代...

Flutter深入浅出组件篇---Padding、AnimatedPadding

2021-08-27
阅读 6 分钟
1.6k
​ 在应用程序中有许多widget 时,这个时候画面常常会变得很拥挤,这个时候如果想要在widget之间来保留一些间距,那就用 Padding

Flutter深入浅出组件篇---TabBar

2021-08-25
阅读 8 分钟
5.5k
​ 一个显示水平行选项卡的Widget。 通常创建为 AppBar 的 AppBar.bottom 部分并与 TabBarView 结合使用

Flutter深入浅出组件篇---AppBar

2021-08-23
阅读 8 分钟
4.1k
AppBar介绍​ AppBar是基于Material Design设计风格的应用栏,一般使用在Scaffold内部,作为顶部导航栏。为什么需要AppBar​ 1、因为导航栏里面一般由左侧功能键(返回键、菜单键)、标题、右侧功能键组成,而AppBar里面内置封装了这些组件,使用起来非常方便。​ 2、可以做一些特殊的导航栏,比如可滚动的导航栏。​ 3、根...

Flutter深入浅出组件篇---Scaffold

2021-08-22
阅读 9 分钟
2.7k
​ Scaffold 我们通常俗称为脚手架,在前面的文章中我们说到,Material 组件(MDC)帮助开发者实现 Material Design,Scaffold 实现了基本的 Material Design 布局结构。在 Material 设计中定义的单个界面上的各种布局元素,在 Scaffold 中都支持。

Flutter深入浅出组件篇---MaterialApp

2021-08-21
阅读 8 分钟
4.7k
Foundation、Animation、Painting、Gestures被合成了一个Dart UI层,对应的是Flutter中 dart:ui 包,是Flutter引擎暴露的底层UI库,主要提供动画、手势、绘制能力。

Flutter深入浅出组件篇---继承关系图

2021-08-17
阅读 2 分钟
2.4k
1、Flutter Object继承关系该继承图为flutter2.2版本最新继承关系图。视频讲解地址视频讲解地址2、Flutter Widget组件继承图Flutter关系继承图.xmindWidget 下面有五个子类, PreferredSizeWidget 下面总共有6个组件, ProxyWidget 下面总共有47个组件, RenderObjectWidget 下面总共有94个组件, StateFulWidget 下面总...