颤动波纹效果颜色

cor*_*her 6 dart flutter flutter-layout

如何在 Flutter 中更改波纹效果颜色?

Cop*_*oad 7

包装您的小部件Theme并提供dataas

data: ThemeData(splashColor: Colors.red)
Run Code Online (Sandbox Code Playgroud)

  • 似乎它不包括按钮,您还必须将 `splashColor` 添加到 ThemeData 中的 `buttonTheme` (2认同)

SUD*_*ARA 5

@CopsOnRoad 的答案的一个例子。(喜欢按钮)

Theme(
   data: ThemeData(splashColor: Colors.red[200]),
   child: Material(
       elevation: 0,
       shape: CircleBorder(),
       clipBehavior: Clip.hardEdge,
       color: Colors.transparent,
       child: InkWell(
       child: Padding(
           padding: const EdgeInsets.all(10),
                child: Icon(
                   Icons.favorite,
                   color: _isLiked ? Colors.red : Colors.black12,
                   size: 20,
                      ),
                ),
                onTap: () {
                    if(_isLiked){
                        setState(() {
                           _isLiked = false;
                           //You backend state manage code
                        });
                    }else{
                        setState(() {
                           _isLiked = true;
                           //You backend state manage code
                        });
                    }
                },
          ),
    ),
)
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述