flutter - 单击 GestureDetector 时如何突出显示颜色

Question

我有一个GestureDetector如下代码：

GestureDetector(
                    onTapDown: _onTapDown,
                    onTapUp: _onTapUp,
                    child: Transform.scale(
                      scale: _scale,
                      child: _animatedButtonUI,
                    ),
                  ),

所以我只需要在点击时突出显示颜色，FlatButton因为它有一个属性highlightColor......

有没有办法做这样的事情......

这是相关widget的GestureDetector：

Widget get _animatedButtonUI => Container(
        height: 50,
        width: 320,
        decoration: BoxDecoration(
          border: Border.all(
            color: Color(0xFF9EC33B),
          ),
          borderRadius: BorderRadius.circular(100.0),
          color: Colors.white,
        ),
        child: Padding(
          padding: const EdgeInsets.only(left: 64),
          child: Row(
            children: <Widget>[
              Image.asset(
                'assets/images/icggl.png',
                width: 24,
              ),
              Center(
                child: Padding(
                  padding: const EdgeInsets.only(left: 20),
                  child: Text(
                    'COTINUE WITH GOOGLE',
                    style: TextStyle(
                      fontSize: 13.0,
                      fontWeight: FontWeight.bold,
                      color: Color(0xFF9EC33B),
                    ),
                  ),
                ),
              ),
            ],
          ),
        ),
      );

标签： flutterdart

Answer 1

如果您希望在单击自定义可点击小部件时产生颜色效果，您应该使用InkWell

并根据需要更改highlightColor属性值