dart - 如何更改 InkResponse 小部件中的 highlightShape 大小

Question

我正在尝试创建一个像 Twitter 应用程序那样的底部导航栏，但我找不到如何自定义 highlightShape 大小。

我可以自定义角、颜色但不能自定义大小，我想制作超出小部件边界的相同大小，就像我的构建器中的飞溅一样。

这是我的底部导航按钮的样子。谢谢!提前寻求帮助。

Center(
  child: Ink(
    height: height,
    width: width,
    child: InkResponse(
      splashFactory: InkRipple.splashFactory,
      radius: radiusSize,
      onTap: () {
        const int itemIndex = 1;
        _onTapped(itemIndex);
      },
      child: _pageIndex == 1
        ? Icon(OMIcons.favoriteBorder, color: Colors.black, size: 28.0)
        : Icon(OMIcons.favoriteBorder, color: Colors.grey[600]),
   ),
 ),
),

Answer 1

这可能是一个老问题，但是，如果没有指定 radius 属性，“最大”半径应该与正常半径匹配。

要更改法线半径，您应该创建自定义 splashfactory，https://stackoverflow.com/a/51116178/10205629 .

或者作为一个小技巧，您可以复制 source code并创建您自己的墨水响应修改值