OutlineButton 是一个带边框的按钮,用法和RaisedButton一样,代码如下: 代码语言:javascript 复制 OutlineButton(child:Text('Button'),onPressed:(){},) 效果如下: 设置其边框样式,代码如下: 代码语言:javascript 复制 OutlineButton(borderSide:BorderSide(color:Colors.blue,width:2),disabledBorderColor:Colors.black...
小菜继续尝试Flutter的基本按钮;今天小菜学习MaterialButton系列相关Button;该系列以MaterialButton为父类,衍生出RaisedButton凸起按钮,FlatButton扁平按钮和OutlineButton边框按钮;可根据不同场景灵活运用; MaterialButton 源码分析 const MaterialButton({ Key key, @required this.onPressed, this.onHighlightChanged, // 高...
和尚继续尝试 Flutter 的基本按钮;今天和尚学习 MaterialButton 系列相关 Button;该系列以 MaterialButton 为父类,衍生出 RaisedButton 凸起按钮,FlatButton 扁平按钮和 OutlineButton 边框按钮;可根据不同场景灵活运用; MaterialButton 源码分析 代码语言:javascript 复制 const MaterialButton({ Key key, @required this...
OutlineButton OutlineButton 是一个带边框的按钮,用法和RaisedButton一样,代码如下: OutlineButton( child: Text('Button'), onPressed: () {}, ) 效果如下: 设置其边框样式,代码如下: OutlineButton( borderSide: BorderSide(color: Colors.blue,width:2), disabledBorderColor: Colors.black, highlightedBorderCo...
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"), ...
[TextField(decoration: InputDecoration(labelText: 'Username',hintText: 'Enter your username',border: OutlineInputBorder(),),),SizedBox(height: 16),TextField(obscureText: true,decoration: InputDecoration(labelText: 'Password',hintText: 'Enter your password',border: OutlineInputBorder(),),),],)...
OutlineButton 是一个带边框的按钮,用法和RaisedButton一样,代码如下: OutlineButton( child: Text('Button'), onPressed: () {}, ) 效果如下: 设置其边框样式,代码如下: OutlineButton( borderSide: BorderSide(color: Colors.blue,width: 2), disabledBorderColor: Colors.black, ...
一个文本框默认情况下 可编辑 (允许输入文本的情况)获取焦点(正在输入文本)下,会有默认的一个下划线,这个下划线的颜色是获取的MaterialApp 组件中 them 配置的 textTheme 主题中的样式。 1.2 情景二 当本框可编辑,但是并没有获取焦点时(也就是没在输入时),也会有一个样式如下: ...
side:MaterialStateProperty.all(BorderSide(color:Colors.blue,width:4),) 其中shape可以包含side的作用,作用范围比side广,这里使用shape时 /// The shape of the button's underlying [Material]./// This shape is combined with [side] to create a shape decorated/// with an outline.finalMaterialStatePr...
//shapeborder看我的“Flutter之Material” 这篇文章 this.shape, this.animationDuration: kThemeChangeDuration, this.child, }) ; 普通Button按钮 还有两个按钮需要说明下: ① FlatButton: 没有阴影,就是一个平滑的按钮,常用的比如一些界面上面的文字区域点击可以使用它,还有水波纹效果。