(//通过container 控制按钮大小height:60,width:200,child:ElevatedButton.icon(style:ButtonStyle(backgroundColor:MaterialStateProperty.all(Colors.red),//背景颜色foregroundColor:MaterialStateProperty.all(Colors.white),//文本颜色),onPressed:(){print("ElevatedButton.icon");},icon:constIcon(Icons.thumb_up,...
Button( style: ButtonStyle( backgroundColor: WidgetStateProperty.all(Colors.blue),// 背景颜色foregroundColor: WidgetStateProperty.all(Colors.white),// 文本颜色side: WidgetStateProperty.all(constBorderSide( width:2, color: Colors.red,// 边框颜色) ) ), child:constText("Custom OutlineButton"), ...
backgroundColor: Colors.teal, icon: const Icon(Icons.save), label: const Text("Save"), ) 下拉按钮 Drop-Down Button 下拉按钮ーー下拉按钮用于在屏幕上创建一个漂亮的覆盖层,允许用户从多个选项中选择任何项目。 Flutter 允许一个简单的方法来实现一个下拉框或下拉按钮。此按钮显示当前选定的项目和一个箭头...
ElevatedButton( style: ButtonStyle( backgroundColor: MaterialStateProperty.all<Color>(Colors.blue), // 设置背景颜色为蓝色 ), onPressed: () { // 按钮点击事件处理 }, child: Text('按钮'), ) 在上面的示例中,我们将backgroundColor属性设置为MaterialStateProperty.all<Color>(Colors.blue),这将...
FloatingActionButton(悬浮按钮) 属性 FloatingActionButton({ Key key,//按钮上的组件,可以是Text、icon, etc.this.child,//长按提示this.tooltip,//child的颜色(尽在child没有设置颜色时生效)this.foregroundColor,//背景色,也就是悬浮按键的颜色this.backgroundColor,this.heroTag =const_DefaultHeroTag(),//...
下面带大家一起看看Flutter如何实现圆角按钮和圆形按钮 圆角按钮 ElevatedButton(style:ButtonStyle(backgroundColor:MaterialStateProperty.all(Colors.blue),foregroundColor:MaterialStateProperty.all(Colors.white),elevation:MaterialStateProperty.all(20),shape:MaterialStateProperty.all(RoundedRectangleBorder(borderRadius:...
_buttonBarWid05(mainAxisSize) => Container( color: Colors.blue.withOpacity(0.3), child: ButtonBar(mainAxisSize: mainAxisSize, children: <Widget>[ RaisedButton(child: Text('Button 01'), onPressed: null), RaisedButton(child: Text('Button 02'), onPressed: null), RaisedButton(child: Text('Bu...
有图标的 Button ,没有默认的颜色,无法设置背景颜色, padding 默认是 12 。方便选中button 。 FloatingActionButton image newFloatingActionButton(onPressed:_onPressed,child:newIcon(Icons.star),backgroundColor:Colors.blue), 有默认的背景色是蓝色,在 Scaffold 里使用的时候,它是一个浮动状态的按钮,在其他地方使...
add), backgroundColor: this._currentIndex == 1? Colors.red : Colors.yellow, onPressed: (){ // print('点击 1'); setState(() { this._currentIndex=1; } ); } ) ), floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked ) ...
FloatingActionButton是RawMaterialButton的封装,主要用于浮动在屏幕内容之上,一般是位于底部左右角或中间;一般一个页面只有一个; 源码分析 代码语言:javascript 复制 constFloatingActionButton({Key key,this.child,this.tooltip,// 长按提醒this.foregroundColor,// 按钮上子元素颜色this.backgroundColor,// 背景色this...