Flutter | 使用 InkResponse和 InkWell组件 实现事件操作

可以包裹 不具备事件处理的组件，实现水波纹等点击事件的效果；

InkWell 水波纹限制在文本组件之内；
InkResponse 水波纹没有限制；
InkResponse 和 InkWell 都可以指定各种响应颜色、手势等相关属性；

 

 

InkWell(
        radius: 200.0,
        focusColor: Colors.red,
        hoverColor: Colors.blue,

        highlightColor: Colors.teal,//长按
        splashColor: Colors.orangeAccent,//点击时水波纹
        onTap: (){
          print('点击了按钮');
        },
        child: Text(
          '需要点击的事件',
          style: TextStyle(
              color: Colors.orangeAccent,
              fontSize: 30),
        ),
      ),

        InkResponse(
          radius: 200.0,
          focusColor: Colors.red,
          hoverColor: Colors.blue,

          highlightColor: Colors.teal,
          //长按
          splashColor: Colors.orangeAccent,
          //点击时水波纹
          onTap: () {
            print('点击了按钮');
          },
          child: Text(
            '需要点击的事件',
            style: TextStyle(
                color: Colors.orangeAccent,
                fontSize: 30),
          ),
        )

 

posted on 2023-07-17 12:05  hztech  阅读(212)  评论(0)  编辑  收藏  举报

导航