ClipRect介绍 ClipRect 是给子组件裁剪为给定的矩形大小,默认情况下,ClipRect会阻止其子组件在边界之外进行会话,如果需要对子组件进行大小和位置的限定,那么还可以通过自定义裁剪路径。 示例代码 本文中很多效果都没有截图,可下载源代码运行项目 源代码地址,或者通过视频教程查看 视频教程地址 什么情况下使用ClipRect? 需要对子组件进行裁剪的时候我们就使用Cl...
Flutter GetX系列教程---国际化配置、依赖注入、Binding
国际化配置 在我们使用系统自带MaterialApp来实现国际化配置,需要进行很多配置,而且还需要手动去依赖第三方组件,而使用GetX来实现国际化配置,你只需要一行代码即可实现切换,接下来我们看一下具体实现。 视频教程地址 零基础视频教程地址 第一步:应用程序入口配置 translations: 国际化配置文件 locale: 设置默认语言,不设置的话为系统当前语言 f...
Flutter深入浅出组件篇---Container、AnimatedContainer
Container介绍 如果组件需要一些背景样式、形状、尺寸限制就可以用Container来进行包裹子组件用于装饰和定位,所以Container 是一个组合类容器。它是DecoratedBox、ConstrainedBox、Transform、Padding、Align等组件组合的一个多功能容器。 示例代码 本文中很多效果都没有截图,可下载源代码运行项目 源代码地址,或者通过视频教程查...
Flutter GetX系列教程---GetxController
GetxController介绍 在实际的项目开发过程中,我们不可能把UI代码、业务逻辑都放在一起处理,这样对项目的架构、代码的可读性、后期的维护将会是致命的,好在GetX为我们提供了GetxController,GetxController主要的作用是用于UI代码与业务逻辑分离开来。 视频教程地址 零基础视频教程地址 GetxController三种使用方式 这里主要讲解使用Get...
Flutter深入浅出组件篇---AspectRatio、FractionallySizedBox
AspectRatio介绍 AspectRatio 主要的作用是调整子组件设定的宽高比,如播放视频时16:9或4:3等。 示例代码 本文中很多效果都没有截图,可下载源代码运行项目 源代码地址,或者通过视频教程查看 视频教程地址 AspectRatio构造函数 const AspectRatio({ Key? key, required this.aspectRatio, ...
Flutter GetX系列教程---介绍、Snackbar、Dialog、BottomSheet、Navigation、Obx
前言 本文是基于官方最新稳定版本get: ^4.3.8来进行开发 本系列课程将会以最简单的方式来进行讲解,对于零基础也可以轻松掌握,全文深入浅出,每一个章节都会有对于案例来展示效果以及如何运用。 整一个课程系列都是极简的,如果你愿意花两个小时来学习,那么你将很容易掌握GetX并且用GetX应用到企业项目中。 视频教程地址 视频教程地址 学完本系列课程你将学会: 知道什么是G...
Flutter深入浅出组件篇---OverflowBox、SizedOverflowBox
OverflowBox介绍 OverflowBox 允许子控件超出父控件的边界。这个特性主要可以用来实现文字或者按钮角标的。 示例代码 本文中很多效果都没有截图,可下载源代码运行项目 源代码地址,或者通过视频教程查看 视频教程地址 OverflowBox构造函数 const OverflowBox({ Key? key, this.alignment = Alignment...
Flutter深入浅出组件篇---SizeBox、FittedBox
SizeBox介绍 SizeBox 是一个指定尺寸的盒子,一般用来限制子控件的大小,能强制子控件具有特定宽度和高度。 示例代码 本文中很多效果都没有截图,可下载源代码运行项目 源代码地址,或者通过视频教程查看 视频教程地址 什么情况下使用SizeBox? 我们知道按钮是不能设定宽度和高度的,如果我们需要自定按钮的宽度和高度,那么就可以用SizeBox 来进行限制。 SizeBox...
Flutter GetX---RxList、Rx([])、.obs对比分析
前言 首先我们知道GetX组件里面obs状态管理有三种创建属性的方式,我们这里以List为例 Rx([]) RxList .obs 视频讲解 视频讲解链接 三种方式对比分析 我们声明了一个类ListController继承自GetxController,用于属性创建以及状态通知的方法,首先我们用三种方式来创建属性并且通过convertToUpperCase方法进行对...
Flutter深入浅出组件篇---ConstrainedBox、BoxConstraints、UnconstrainedBox
ConstrainedBox ConstrainedBox介绍 主要目的是对其子组件添加额外的约束,有时候子组件需要自动调整宽度和高度,以达到最佳的适配设计,那么这时候使用ConstrainedBox 是最佳的选择。 示例代码 本文中很多效果都没有截图,可下载源代码运行项目 源代码地址,或者通过视频教程查看 视频教程地址 ConstrainedBox属性和说明 Constrain...