Flutter组件之DropdownButton
DropdownButton DropdownButton为下拉选择按钮，基本用法如下： var _dropValue = '语文'; _buildButton() { return DropdownButton( value: _dropValue, items: [ DropdownMenuItem(chi……
Flutter组件之OutlineButton
OutlineButton OutlineButton 是一个带边框的按钮，用法和RaisedButton一样，代码如下： OutlineButton( child: Text('Button'), onPressed: () {}, ) 效果如下： 设置其边框样式，代码如下： OutlineButton( borderSi……
Flutter 组件之FlatButton
FlatButton FlatButton是一个扁平的按钮，用法和RaisedButton一样，代码如下： FlatButton( child: Text('Button'), color: Colors.blue, onPressed: () {}, ) 效果如下： ……
Flutter组件之Button
Button Flutter内置了10多种Button（按钮）类控件供我们使用，了解这些控件有助于提高我们的开发速度。 RaisedButton RaisedButton是一个material风格”凸起“的按钮，基本用法： RaisedButton( child: Text('Button'), onPressed: (){ }, )……
Flutter组件之Icon
Icon Icon是图标控件，Icon不具有交互属性，如果想要交互，可以使用IconButton，另外Icon是具有方向性（Directionality）的，但通常情况下不会在Icon中设置textDirection，而是使用顶级控件中的设置。 使用图标需要在pubspec.yaml中进行设置： flutter: uses-material-des……
Flutter组件之Container
Container Container组件应该是最常用的组件之一，Container组件可以直接设置其宽高，用法如下： Container( height: 100, width: 100, ... ) 总结 这么多约束类的容器组件，到底要使用哪一个组件呢？总结如下： ConstrainedBox：适用于需要设置最大/小宽高，组……
Flutter组件之LimitedBox
LimitedBox LimitedBox组件是当不受父组件约束时限制它的尺寸，什么叫不受父组件约束？就像这篇文章介绍的其他组件，它们都会对子组件约束，没有约束的父组件有ListView、Row、Column等，如果LimitedBox的父组件受到约束，此时LimitedBox将会不做任何操作，我们可以认为没有这个组件，代码如下： Container( ……
Flutter组件之FractionallySizedBox
FractionallySizedBox 当我们需要一个控件的尺寸是相对尺寸时，比如当前按钮的宽度占父组件的70%，可以使用FractionallySizedBox来实现此效果。 使用FractionallySizedBox包裹子控件，设置widthFactor宽度系数或者heightFactor高度系数，系数值的范围是0-1，0.7表示占父组件的70%，用……
Flutter组件之AspectRatio
AspectRatio AspectRatio组件是固定宽高比的组件，如果组件的宽度固定，希望高是宽的1/2，可以用AspectRatio实现此效果，用法如下： AspectRatio( aspectRatio: 2 / 1, child: Container(color: Colors.red), ) aspectRatio参数是宽高……
Flutter组件之SizedBox
SizedBox SizedBox是具有固定宽高的组件，直接指定具体的宽高，用法如下： SizedBox( height: 60, width: 200, child: RaisedButton( child: Text('this is SizedBox'), ), ) 我们也可以设置尺寸无限大，如下： Siz……