如何在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属性，则“ max”半径应与正常半径匹配。

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

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