我想使用墨水井小部件将悬停 colored颜色 属性添加到容器中,但容器有自己的边界半径,当我使用墨水井使用悬停属性时,它会采用其自定义形状,并在悬停在墨水井上之后使其看起来像矩形.

以下是我的代码片段:

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,
                  ),
                ],
              ),
            ),
          ),

我希望我能让你很好地理解这个问题

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

推荐答案

Simple and New Approach/Solution

我在某种程度上同意@Matthias's的答案,但如果你需要更现实的答案,而不是给出RoundedRectangleBordercustomBorder个属性,那么就像下面的例子一样简单地使用CircleBorder():

InkWell(customBorder: CircleBorder(), // ... );

Flutter相关问答推荐

当MyChangeNotifier更改时如何计算函数,而无需在构建方法中进行不必要的调用- Flutter

如何在Flutter 屏幕中添加箭头形状

Flutter -使用最小高度展开

为什么Riverpod生成器在这种情况下不生成AsyncNotiator?

Flutter BLoC et workmanager:如何创建独特的仓库初始化模式?

如何处理Flutter Riverpod异步通知器中的状态和数据库

blocTest错误:没有从`when()`中调用方法存根

无法在我的Flutter 应用程序中使用GoRouter测试导航

怎么才能像这样在摆动着这些曲线呢?

Flutter Xcode 15 错误(Xcode):DT_TOOLCHAIN_DIR 无法用于判断 LIBRARY_SEARCH_PATHS

如何对齐 AppBar Actions 中的文本?

运行任何 flutter 命令都会显示无法安装 <版本>

Flutter Dismissible 不会在 startToEnd 滑动时被关闭

Flutter 使用扩展的 TextField 定位小部件

如何正确地将 PageView 设置为 AppBar 的标题?

我可以在列表图块下方添加其他小部件吗

Flutter 动保存新的变量值

Agora VideoCall 不显示远程视频网格

如何在两个不同的路由(屏幕)之间正确设置 BlocProvider?

Flutter Serverpod 在示例项目上返回 400 错误