Flutter组件之ColorFiltered
ColorFiltered Flutter中大部分多组件都有color属性，可以方便的改变颜色，但如果想改变图片颜色就不是那么容易了，虽然Image组件也有color属性，但设置的color属性会覆盖整个组件，这并不是我们想要的，而ColorFiltered组件可以帮我们解决这个问题。 假设我们有这么一种图片，图片只有一段文字，其他地方透明： Conta……
Flutter组件之ClipRect
ClipRect ClipRect组件使用矩形裁剪子组件，通常情况下，ClipRect作用于CustomPaint 、 CustomSingleChildLayout 、 CustomMultiChildLayout 、 Align 、 Center 、 OverflowBox 、 SizedOverflowBox组件，例如ClipRect作用于Align……
Flutter组件之Button
Button Flutter内置了10多种Button（按钮）类控件供我们使用，了解这些控件有助于提高我们的开发速度。 RaisedButton RaisedButton是一个material风格”凸起“的按钮，基本用法： RaisedButton( child: Text('Button'), onPressed: (){ }, )……
Flutter组件之ProgressIndicator
LinearProgressIndicator 水平进度指示器，基本用法如下： LinearProgressIndicator() 效果如下： 设置具体进度值： LinearProgressIndicator( value: 0.3, ) value的值范围是0-1，效果如下： 设置背景颜色及进度值： LinearProg……
Flutter组件之CircleBorder
ShapeBorder Flutter中很多组件都有一个叫做shape的属性，类型是ShapeBorder，比如Button类、Card等组件，shape表示控件的形状，系统已经为我们提供了很多形状。 BeveledRectangleBorder 斜角矩形边框，用法如下： RaisedButton( shape: BeveledRectangleB……
Flutter组件之CircleAvatar
CircleAvatar 代表用户的圆圈的控件，通常与用户的个人资料图片一起使用，或者在没有此类图片的情况下与用户的姓名缩写一起使用。 为了保持一致，给定用户的姓名缩写应始终与相同的背景色配对。 用法如下： CircleAvatar( child: Text('孟'), ) 效果如下： 设置背景颜色： CircleAvatar( ……
Flutter组件之Chip
Chip RawChip Material风格标签控件，此控件是其他标签控件的基类，通常情况下，不会直接创建此控件，而是使用如下控件： Chip InputChip ChoiceChip FilterChip ActionChip 如果你想自定义标签类控件时通常使用此控件。 RawChip可以通过设置onSelected被选中，设置onDeleted被……
Flutter组件之ChipTheme
ChipTheme 用于Chip类组件样式，比如Chip、InputChip、ChoiceChip、FilterChip、ActionChip等。 用法如下： ChipTheme( data: ChipThemeData.fromDefaults( primaryColor: Colors.red, secondaryC……
Flutter组件之Chip
Chip RawChip Material风格标签控件，此控件是其他标签控件的基类，通常情况下，不会直接创建此控件，而是使用如下控件： Chip InputChip ChoiceChip FilterChip ActionChip 如果你想自定义标签类控件时通常使用此控件。 RawChip可以通过设置onSelected被选中，设置onDeleted被……
Flutter组件之Menu
Menu 在Flutter中提供了两种方式来完成弹出菜单功能。 PopupMenuButton 使用PopupMenuButton，点击时弹出菜单，用法如下： PopupMenuButton<String>( itemBuilder: (context) { return <PopupMenuEntry<Strin……