代码之家  ›  专栏  ›  技术社区  ›  Arjun Malhotra

如何消除点击凸起按钮颤振的涟漪效应?

  •  0
  • Arjun Malhotra  · 技术社区  · 2 年前

    当我点击关闭按钮时,它会产生我不想要的涟漪效应。我只想按一下弹出对话框。这是代码

    
    // Child 3 : Close Button
              Padding(
                  padding: EdgeInsets.fromLTRB(width * .62, height * .153, 0, 0),
                  child: RaisedButton(
                    splashColor: Colors.white,
                    hoverColor: Colors.blue,
                    elevation: 0,
                    onPressed: () {
                      setState(() {
                        Navigator.of(context).pop();
                      });
                    },
                    child: const Icon(
                      Icons.close,
                      color: Colors.black,
                    ),
                    color: Colors.transparent,
                  ),
                ), 
    
    

    --&燃气轮机; https://imgur.com/a/sI1AAWV

    1 回复  |  直到 2 年前
        1
  •  0
  •   Md. Yeasin Sheikh    2 年前

    您可以使用 GestureDetector

    GestureDetector(
      onTap: () {
        Navigator.of(context).pop();
      },
      child: const Icon(
        Icons.close,
        color: Colors.black,
      ),
    ),
    

    ElevatedButton RaisedButton 尽管它已被弃用。

    ElevatedButton(
      style: ButtonStyle(
        elevation: MaterialStateProperty.all(0),
        overlayColor: MaterialStateProperty.all(Colors.green),
        backgroundColor: MaterialStateProperty.all(Colors.transparent),
      ),
      onPressed: () {},
      child: const Icon(
        Icons.close,
        color: Colors.black,
      ),
    ),
    

    更多关于 GestureDetector ElevatedButton .