Question

我想使用inkwell小部件向容器添加悬停颜色属性，但是容器具有自己的边框半径，当我使用inkwell使用悬停属性时，它将采用自定义形状并使其看起来像矩形悬停在墨水池上之后。

这是我的代码段：

InkWell(
            
            onTap: () {},
            hoverColor: Colors.red[200],
            child: Container(
              width: 70.w,
              height: 60.h,
              decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(20),
              ),
              child: Row(
                children: [
                  Image.asset(
                    'images/call.png',
                    height: 30.h,
                  ),
                  Text(
                    'Call',
                    style: white,
                  ),
                ],
              ),
            ),
          ),

希望我能使您很好地理解问题

请帮助我解决问题或提供替代方案。

Answer 1

Inkwell小部件具有类型customBorder的属性ShapeBorder。您可以使用它为borderRadius提供Inkwell。

例如：

customBorder: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(20),
),

Answer 2

Inkwell 小部件具有 BorderRadius

类型的属性 borderRadius

InkWell(
  borderRadius: BorderRadius.circular(25),
  // ...
);

在Flutter的Inkwell小部件中添加边框半径

2 个答案: