边框样式按钮,基于MaterialButton实现,所有属性和MaterialButton类似。

相关组件

MaterialButton RaisedButton OutlineButton RawMaterialButton

OutlineButton点击事件

【textColor】: 子组件文字颜色 【Color】
【splashColor】: 水波纹颜色 【Color】
【highlightColor】: 长按高亮色 【Color】
【highlightedBorderColor】: 高亮时框色 【Color】
【child】: 子组件 【Widget】
【padding】: 内边距 【EdgeInsetsGeometry】
【borderSide】: 边线 【BorderSide】
【onPressed】: 点击事件 【Function】
40.gif

  1. import 'package:flutter/material.dart';
  2. class CustomOutlineButton extends StatelessWidget {
  3. @override
  4. Widget build(BuildContext context) {
  5. return OutlineButton(//边线按钮
  6. onPressed: () {},
  7. child: Text("OutlineButton"),
  8. padding: EdgeInsets.all(8),
  9. splashColor: Colors.green,
  10. highlightColor: Colors.orangeAccent,
  11. highlightedBorderColor: Colors.grey,
  12. textColor: Color(0xff000000),
  13. borderSide: BorderSide(color: Color(0xff0A66F8), width: 2),
  14. );
  15. }
  16. }