Flutter组件之Button
#Button Flutter内置了10多种Button（按钮）类控件供我们使用，了解这些控件有助于提高我们的开发速度。 #RaisedButton RaisedButton是一个material风格”凸起“的按钮，基本用法： RaisedButton( child: Text('Button'), onPressed: (){ }, ……
Flutter组件之MaterialApp
#MaterialApp 在学习Flutter的过程中我们第一个看见的控件应该就是MaterialApp，毕竟创建一个新的Flutter项目的时候，项目第一个组件就是MaterialApp，这是一个Material风格的根控件，基本用法如下： MaterialApp( home: Scaffold( appBar: AppBar( ……
Flutter组件之Dialog
#AlertDialog 当应用程序进行重要操作时经常需要用户进行2次确认，以避免用户的误操作，比如删除文件时，一般会弹出提示“是否要删除当前文件”，用户点击确认后才会进行删除操作，这时我们可以使用提示框（AlertDialog或者CupertinoAlertDialog）。 根据设计的不同，我们可以选择Material风格的AlertDialog或者Cu……
Flutter组件之ProgressIndicator
#LinearProgressIndicator 水平进度指示器，基本用法如下： LinearProgressIndicator() 效果如下： 设置具体进度值： LinearProgressIndicator( value: 0.3, ) value的值范围是0-1，效果如下： 设置背景颜色及进度值： LinearProgre……
Flutter组件之ActionSheet
#CupertinoActionSheet CupertinoActionSheet组件是Cupertino（ios）风格底部弹出的提示框，一般情况下点击按钮弹出： RaisedButton( child: Text('点我'), onPressed: () { showCupertinoModalPopup……
Flutter组件之Border
#ShapeBorder Flutter中很多组件都有一个叫做shape的属性，类型是ShapeBorder，比如Button类、Card等组件，shape表示控件的形状，系统已经为我们提供了很多形状。 #BeveledRectangleBorder 斜角矩形边框，用法如下： RaisedButton( shape: BeveledRectangl……
Flutter组件之Container
#Container Container将会是我们以后最常用的控件之一，Container是单容器类控件，即只包含一个子控件。Container可以装饰和定位子控件，例如设置背景颜色、形状等。 #无任何参数设置 如果只用Container包装子控件而没有任何其他参数的设置，代码如下： Container( child: Text('老孟'), )……
Flutter组件之 ConstrainedBox
#ConstrainedBox Flutter中尺寸限制类容器组件包括ConstrainedBox、UnconstrainedBox、SizedBox、AspectRatio、FractionallySizedBox、LimitedBox、Container。这些组件可以约束子组件的尺寸，下面一一介绍。 #ConstrainedBox Constraine……
Flutter组件之 Row 和 Column
Row Column 在Row和Column中有一个非常重要的概念：MainAxisAlignment（主轴）和CrossAxisAlignment（交叉轴），简单来说，MainAxisAlignment（主轴）就是与当前控件方向一致的轴，而CrossAxisAlignment（交叉轴）就是与当前控件方向垂直的轴，比如Row的主轴是水平方向，交叉轴是垂直方……
Flutter组件之ColorFiltered
ColorFiltered Flutter中大部分多组件都有color属性，可以方便的改变颜色，但如果想改变图片颜色就不是那么容易了，虽然Image组件也有color属性，但设置的color属性会覆盖整个组件，这并不是我们想要的，而ColorFiltered组件可以帮我们解决这个问题。 假设我们有这么一种图片，图片只有一段文字，其他地方透明： Conta……