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

Flutter组件之DropdownButton

DropdownButton DropdownButton为下拉选择按钮,基本用法如下: var _dropValue = '语文'; _buildButton() { return DropdownButton( value: _dropValue, items: [ DropdownMenuItem(chi……

Flutter组件之OutlineButton

Flutter组件之OutlineButton

OutlineButton OutlineButton 是一个带边框的按钮,用法和RaisedButton一样,代码如下: OutlineButton( child: Text('Button'), onPressed: () {}, ) 效果如下: 设置其边框样式,代码如下: OutlineButton( borderSi……

Flutter 组件之FlatButton

Flutter 组件之FlatButton

FlatButton FlatButton是一个扁平的按钮,用法和RaisedButton一样,代码如下: FlatButton( child: Text('Button'), color: Colors.blue, onPressed: () {}, ) 效果如下: ……

Flutter组件之Button

Flutter组件之Button

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

Flutter组件之Icon

Flutter组件之Icon

Icon Icon是图标控件,Icon不具有交互属性,如果想要交互,可以使用IconButton,另外Icon是具有方向性(Directionality)的,但通常情况下不会在Icon中设置textDirection,而是使用顶级控件中的设置。 使用图标需要在pubspec.yaml中进行设置: flutter: uses-material-des……

Flutter组件之Container

Flutter组件之Container

Container Container组件应该是最常用的组件之一,Container组件可以直接设置其宽高,用法如下: Container( height: 100, width: 100, ... ) 总结 这么多约束类的容器组件,到底要使用哪一个组件呢?总结如下: ConstrainedBox:适用于需要设置最大/小宽高,组……

Flutter组件之LimitedBox

Flutter组件之LimitedBox

LimitedBox LimitedBox组件是当不受父组件约束时限制它的尺寸,什么叫不受父组件约束?就像这篇文章介绍的其他组件,它们都会对子组件约束,没有约束的父组件有ListView、Row、Column等,如果LimitedBox的父组件受到约束,此时LimitedBox将会不做任何操作,我们可以认为没有这个组件,代码如下: Container( ……

Flutter组件之FractionallySizedBox

Flutter组件之FractionallySizedBox

FractionallySizedBox 当我们需要一个控件的尺寸是相对尺寸时,比如当前按钮的宽度占父组件的70%,可以使用FractionallySizedBox来实现此效果。 使用FractionallySizedBox包裹子控件,设置widthFactor宽度系数或者heightFactor高度系数,系数值的范围是0-1,0.7表示占父组件的70%,用……

Flutter组件之AspectRatio

Flutter组件之AspectRatio

AspectRatio AspectRatio组件是固定宽高比的组件,如果组件的宽度固定,希望高是宽的1/2,可以用AspectRatio实现此效果,用法如下: AspectRatio( aspectRatio: 2 / 1, child: Container(color: Colors.red), ) aspectRatio参数是宽高……

Flutter组件之SizedBox

Flutter组件之SizedBox

SizedBox SizedBox是具有固定宽高的组件,直接指定具体的宽高,用法如下: SizedBox( height: 60, width: 200, child: RaisedButton( child: Text('this is SizedBox'), ), ) 我们也可以设置尺寸无限大,如下: Siz……