Flutter 创建一个凸起的按钮

【问题标题】：Flutter create a raised buttonFlutter 创建一个凸起的按钮
【发布时间】：2019-01-21 13:27:13
【问题描述】：

我目前正在尝试在 Flutter 中创建自定义样式按钮。我希望创建一个类似于此https://raw.githubusercontent.com/hoang8f/android-flat-button/master/screenshot/screenshot.gif 的按钮

我可以使用 RaisedButton 创建类似的东西，还是需要使用 CustomPainter 通过自定义绘图来创建它？但是，在使用海拔参数时，RaisedButton 似乎并没有产生想要的效果。

【问题讨论】：

标签： flutter

【解决方案1】：

您可以创建StatefulWidget 并使用GestureDetector

  class MyCustomButton extends StatefulWidget {
    @override
    _MyCustomButtonState createState() => _MyCustomButtonState();
  }

  class _MyCustomButtonState extends State<MyCustomButton> {
    bool _isPressed = false;

    @override
    Widget build(BuildContext context) {
      return GestureDetector(
        onTapDown: (TapDownDetails details) {
          setState(() {
            _isPressed = true;
          });
        },
        onTapUp: (TapUpDetails details) {
          setState(() {
            _isPressed = false;
          });
        },
        child: Container(
            padding: EdgeInsets.all(20.0),
            decoration: BoxDecoration(
              color: Colors.blue,
              border: _isPressed
                  ? Border(bottom: BorderSide(color: Colors.grey, width: 10.0))
                  : null,
            ),
            child: Text("title button")),
      );
    }
  }

【讨论】：