Flutter ListTile – Flutter每周一组件

该文章属于【Flutter每周一组件】系列,其它组件可以查看该系列下的文章,该系列会不间断更新;所有组件的demo已经上传值Github: github.com/xj124456/fl… 欢迎Star 博客:思否, 掘金, 知乎, 简书, 慕课, CS…
Flutter Inkwell – Flutter每周一组件

Flutter每周一组件 Flutter Inkwell 预览 使用场景 当需要给一个元素点击事件的时候,你可以用InkWell来包裹这个元素,它里面有常用交互事件和点击效果 组件参数说明
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
const InkWell({ Key key, Widget child, //子组件 GestureTapCallback onTap, //单击事件 GestureTapCallback onDoubleTap, //双击事件 GestureLongPressCallback onLongPress, //长按事件 GestureTapDownCallback onTapDown, //手指按下 GestureTapCancelCallback onTapCancel, //取消点击事件 ValueChanged<bool> onHighlightChanged, //突出显示或停止突出显示时调用 ValueChanged<bool> onHover, //当指针进入或退出墨水响应区域时调用 MouseCursor mouseCursor, Color focusColor, //获取焦点颜色 Color hoverColor, //指针悬停时颜色 Color highlightColor, //按住不放时的颜色 MaterialStateProperty<Color> overlayColor, Color splashColor, //溅墨颜色 InteractiveInkFeatureFactory splashFactory, //自定义溅墨效果 double radius, //溅墨半径 BorderRadius borderRadius, //溅墨元素边框圆角半径 ShapeBorder customBorder, //覆盖borderRadius的自定义剪辑边框 bool enableFeedback = <span style="color: #569cd6; line-height: 26px;">true</span>, //检测到的手势是否应该提供声音和/或触觉反馈,默认<span style="color: #569cd6; line-height: 26px;">true</span> bool excludeFromSemantics = <span style="color: #569cd6; line-height: 26px;">false</span>, //是否将此小部件引入的手势从语义树中排除。默认<span style="color: #569cd6; line-height: 26px;">false</span> FocusNode focusNode, bool canRequestFocus = <span style="color: #569cd6; line-height: 26px;">true</span>, ValueChanged<bool> onFocusChange, bool autofocus = <span style="color: #569cd6; line-height: 26px;">false</span>, }) |
案例…