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"), ...
OutlineButton 是一个带边框的按钮,用法和RaisedButton一样,代码如下: 代码语言:javascript 复制 OutlineButton(child:Text('Button'),onPressed:(){},) 效果如下: 设置其边框样式,代码如下: 代码语言:javascript 复制 OutlineButton(borderSide:BorderSide(color:Colors.blue,width:2),disabledBorderColor:Colors.black...
import 'package:flutter/material.dart';void main() {runApp(MyApp());}class MyApp extends StatelessWidget {const MyApp({super.key});@overrideWidget build(BuildContext context) {return MaterialApp(home: Scaffold(appBar: AppBar(title: const Text('RichText Example')),body: Center(child: RichText...
OutlineButton(child:Text("OutlineButton"),borderSide:newBorderSide(color:Colors.pink),onPressed:(){},), 3.7、ButtonBar 水平布局的按钮容器,可放置多个Button或Text。 示例见图一。 代码语言:javascript 复制 newButtonBar(children:<Widget>[newBackButton(),newCloseButton(),newText('ButtonBar组件'),new...
child: TextButton( onPressed: (){}, child: Text("文本按钮"),) ); } } OutlinedButton OutlineButton 默认有一个边框,不带阴影且背景透明。按下后,边框颜色会变亮、同时出现背景和 阴影 classMyApp2extendsStatelessWidget {constMyApp2({super.key}); ...
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)), child: const Text( 'Flat Button', ), onPressed: () {}, ) 注意: 自 2021 年 5 月起,FlatButton 类在 flutter 中将被弃用。应改为使用 TextButton 类。后面的类最终将从 flutter SDK 中删除,因此建议转移到新的类。
一个文本框默认情况下 可编辑 (允许输入文本的情况)获取焦点(正在输入文本)下,会有默认的一个下划线,这个下划线的颜色是获取的MaterialApp 组件中 them 配置的 textTheme 主题中的样式。 1.2 情景二 当本框可编辑,但是并没有获取焦点时(也就是没在输入时),也会有一个样式如下: ...
//字体大小 final double borderRadius; //圆角角度 BorderRadius.circular(25) final Color borderColor; //边框颜色 Border.all(color: Colors.orange) final Color backgroundColor; //背景颜色 final BoxConstraints constraints; //约束 final width; final height; final onClick;//点击事件 OutlineButtonWidget...
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...
ElevatedButton( onPressed: () {}, child: const Text("button") ) 2. TextButton 即文本按钮,默认背景透明并不带阴影。 3. OutlineButton 默认有一个边框,不带阴影且背景透明。 OutlineButton.icon( icon: Icon(Icons.add), label: Text("添加"), onPressed: _onPressed, ) 4.IconButton 是一个可点击...