带有网格的图像上的按钮（Flutter）

Question

我试图将一个图像分成多个网格，例如将一个图像分成 9 个相等的部分或任何基于门的形状或门模型的东西，但问题是我不明白如何在其上添加按钮以及何时添加按钮我点击它，应该为每个图像网格打开不同的下拉菜单，并使用 flutter 执行此操作。请帮助我。谢谢

我尝试使用html仍然有很多错误，所以只给出一个示例代码

Answer 1

假设您已经有了包含图像的小部件，您只需将它们包装在

InkWell

中，如下所示：

class ImageContainerButton extends StatelessWidget {
  const ImageContainerButton({super.key});

  @override
  Widget build(BuildContext context) {

    void onTap(){
      // Your code here
    }

    return InkWell(
      onTap: onTap,
      child: Container(
        child: // Your Image here,
      ),
    );
  }
}