• 赚钱入口【需求资源】限时招募流量主、渠道主,站长合作;【合作模式】CPS长期分成,一次推广永久有收益。主动打款,不扣量;
Flutter组件之ColorFiltered

Flutter组件之ColorFiltered

ColorFiltered Flutter中大部分多组件都有color属性,可以方便的改变颜色,但如果想改变图片颜色就不是那么容易了,虽然Image组件也有color属性,但设置的color属性会覆盖整个组件,这并不是我们想要的,而ColorFiltered组件可以帮我们解决这个问题。 假设我们有这么一种图片,图片只有一段文字,其他地方透明: Conta……

Flutter组件之ClipRect

Flutter组件之ClipRect

ClipRect ClipRect组件使用矩形裁剪子组件,通常情况下,ClipRect作用于CustomPaint 、 CustomSingleChildLayout 、 CustomMultiChildLayout 、 Align 、 Center 、 OverflowBox 、 SizedOverflowBox组件,例如ClipRect作用于Align……

Flutter组件之Button

Flutter组件之Button

Button Flutter内置了10多种Button(按钮)类控件供我们使用,了解这些控件有助于提高我们的开发速度。 RaisedButton RaisedButton是一个material风格”凸起“的按钮,基本用法: RaisedButton( child: Text('Button'), onPressed: (){ }, )……

Flutter组件之ProgressIndicator

Flutter组件之ProgressIndicator

LinearProgressIndicator 水平进度指示器,基本用法如下: LinearProgressIndicator() 效果如下: 设置具体进度值: LinearProgressIndicator( value: 0.3, ) value的值范围是0-1,效果如下: 设置背景颜色及进度值: LinearProg……

Flutter组件之CircleBorder

Flutter组件之CircleBorder

ShapeBorder Flutter中很多组件都有一个叫做shape的属性,类型是ShapeBorder,比如Button类、Card等组件,shape表示控件的形状,系统已经为我们提供了很多形状。 BeveledRectangleBorder 斜角矩形边框,用法如下: RaisedButton( shape: BeveledRectangleB……

Flutter组件之CircleAvatar

Flutter组件之CircleAvatar

CircleAvatar 代表用户的圆圈的控件,通常与用户的个人资料图片一起使用,或者在没有此类图片的情况下与用户的姓名缩写一起使用。 为了保持一致,给定用户的姓名缩写应始终与相同的背景色配对。 用法如下: CircleAvatar( child: Text('孟'), ) 效果如下: 设置背景颜色: CircleAvatar( ……

Flutter组件之Chip

Flutter组件之Chip

Chip RawChip Material风格标签控件,此控件是其他标签控件的基类,通常情况下,不会直接创建此控件,而是使用如下控件: Chip InputChip ChoiceChip FilterChip ActionChip 如果你想自定义标签类控件时通常使用此控件。 RawChip可以通过设置onSelected被选中,设置onDeleted被……

Flutter组件之ChipTheme

Flutter组件之ChipTheme

ChipTheme 用于Chip类组件样式,比如Chip、InputChip、ChoiceChip、FilterChip、ActionChip等。 用法如下: ChipTheme( data: ChipThemeData.fromDefaults( primaryColor: Colors.red, secondaryC……

Flutter组件之Chip

Flutter组件之Chip

Chip RawChip Material风格标签控件,此控件是其他标签控件的基类,通常情况下,不会直接创建此控件,而是使用如下控件: Chip InputChip ChoiceChip FilterChip ActionChip 如果你想自定义标签类控件时通常使用此控件。 RawChip可以通过设置onSelected被选中,设置onDeleted被……

Flutter组件之Menu

Flutter组件之Menu

Menu 在Flutter中提供了两种方式来完成弹出菜单功能。 PopupMenuButton 使用PopupMenuButton,点击时弹出菜单,用法如下: PopupMenuButton<String>( itemBuilder: (context) { return <PopupMenuEntry<Strin……