Flutter使用InkWell无水波纹效果

正常情况下使用方式:

InkWell(
      onTap: () { },
      child: Container(
               height: 50,
               child: Text( "是速度",
                          maxLines: 1,
                          style: TextStyle(color: color),
                          overflow: TextOverflow.ellipsis,
                              ),
          ),
  )

如果在InkWell的上下都出现的颜色的设置,如上中的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,
               ),
          ),
      ),
    ),
  )
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • afinalAfinal是一个android的ioc,orm框架 https://github.com/yangf...
    wgl0419阅读 11,496评论 1 9
  • afinalAfinal是一个android的ioc,orm框架 https://github.com/yangf...
    passiontim阅读 15,725评论 2 45
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,292评论 4 61
  • 然然最近一段时间过的异常煎熬,因为她家宝宝从10天前开始,每天傍晚5点左右开始哭闹不止。宝宝第一天哭的时候,然然以...
    复明的瞎子阅读 1,007评论 0 0
  • 辉煌灯火映射出游乐场的影子 迷离扑朔的传说在人们之中弥散 曾风靡一时的马戏团小丑 如今谁也不知道他去了哪里 星火游...
    不留风阅读 1,664评论 0 0