Inkwell Widget 允许意外区域点击

Question

我在 Container 和 Inkwell 小部件的帮助下创建了一个按钮。代码如下：

Container(
        margin: const EdgeInsets.only(left: 30),
        height: 60,
        width: 60,
        decoration: BoxDecoration(
          // color: Colors.white,
          borderRadius: BorderRadius.circular(60),
        ),
        child: InkWell(
          onTap: () {
            // validating todo item
            if (todoController.text.isNotEmpty) {
              todoProviderObj.addTodo(
                TodoModel(
                  id: UniqueKey().toString(),
                  title: todoController.text,
                ),
              );
            }
          },
          borderRadius: BorderRadius.circular(60),
          child: const Icon(Icons.add, color: Colors.grey),
        ),
      ),

现在的问题是 Inkwell 允许点击它不应该允许的区域，如下图所示（很抱歉它没有显示我的光标，但我的光标位于突出显示的圆圈之外并且点击在突出显示的区域之外工作）：

有什么办法可以解决吗？

Answer 1

确实，您有一个 6060 的正方形变成了圆形，但它仍然是一个正方形，当您在圆外单击时，实际上您是在单击这个 6060 区域。

我建议使用浮动操作按钮或提升按钮。