首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在Flutter中丢弃FlatButton中的填充?

在Flutter中丢弃FlatButton中的填充可以通过自定义按钮的样式来实现。以下是一种可能的方法:

  1. 创建一个自定义的FlatButton,继承自原始的FlatButton组件。
代码语言:txt
复制
class CustomFlatButton extends FlatButton {
  const CustomFlatButton({
    Key key,
    @required VoidCallback onPressed,
    ButtonTextTheme textTheme = ButtonTextTheme.normal,
    Color textColor,
    Color disabledTextColor,
    Color color,
    Color disabledColor,
    Color focusColor,
    Color hoverColor,
    Color highlightColor,
    EdgeInsetsGeometry padding,
    ShapeBorder shape,
    Clip clipBehavior,
    MaterialTapTargetSize materialTapTargetSize,
    @required Widget child,
  }) : super(
          key: key,
          onPressed: onPressed,
          textTheme: textTheme,
          textColor: textColor,
          disabledTextColor: disabledTextColor,
          color: color,
          disabledColor: disabledColor,
          focusColor: focusColor,
          hoverColor: hoverColor,
          highlightColor: highlightColor,
          padding: padding,
          shape: shape,
          clipBehavior: clipBehavior,
          materialTapTargetSize: materialTapTargetSize,
          child: child,
        );

  @override
  Widget build(BuildContext context) {
    return super.build(context);
  }
}
  1. CustomFlatButtonbuild方法中,将FlatButton的默认填充设为零,并设置按钮的最小尺寸为0。
代码语言:txt
复制
@override
Widget build(BuildContext context) {
  final EdgeInsetsGeometry defaultPadding = ButtonTheme.of(context).padding;
  return ButtonTheme(
    padding: EdgeInsets.zero,
    minWidth: 0,
    child: FlatButton(
      onPressed: onPressed,
      textTheme: textTheme,
      textColor: textColor,
      disabledTextColor: disabledTextColor,
      color: color,
      disabledColor: disabledColor,
      focusColor: focusColor,
      hoverColor: hoverColor,
      highlightColor: highlightColor,
      padding: padding ?? defaultPadding,
      shape: shape,
      clipBehavior: clipBehavior,
      materialTapTargetSize: materialTapTargetSize,
      child: child,
    ),
  );
}

这样,你就可以使用CustomFlatButton代替原始的FlatButton,并且它将没有任何填充。

示例用法:

代码语言:txt
复制
CustomFlatButton(
  onPressed: () {
    // 处理按钮点击事件
  },
  child: Text('按钮'),
),

这是一种在Flutter中丢弃FlatButton填充的方法,可以根据具体需求进行调整和定制。如果需要了解更多关于Flutter的信息,可以访问腾讯云的Flutter相关产品和文档:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券