正常情況下使用方式:
InkWell(
onTap: () { },
child: Container(
height: 50,
child: Text( "是速度",
maxLines: 1,
style: TextStyle(color: color),
overflow: TextOverflow.ellipsis,
),
),
)
如果在InkWell
的上下都出現(xiàn)的顏色的設(shè)置,如上中的Container
中如果加入了color:Colors.white
,這時候InkWell
的水波紋效果會無效
解決方案是:在InkWell
的外層再套上Matetial
以及 Ink
組件
Material(
child: Ink(
child:
InkWell(
onTap: () { },
child: Container(
height: 50.0,
color: Colors.white,
child: Text( "是速度",
maxLines: 1,
style: TextStyle(color: color),
overflow: TextOverflow.ellipsis,
),
),
),
),
)