javascript - 如何使用 React Native 将图像拆分为小部分并在单击时显示它们？

Question

这就是我想要实现的目标。 我在 React Native 中制作了一个小测验游戏，您可以通过单击图像的不同部分来猜测图像。最初，图像位于多个小“块”后​​面，点击它们就会消失。如何以最优雅的方式实现此功能？我正在考虑制作多个具有相同大小的小视图，并且单击它们会消失。这是一个好方法吗？这是我想要实现的图像： Guess image app

标签： javascriptreactjsreact-native

Answer 1

在我看来，你的方法是唯一的。如果您尝试拆分图像，您将需要处理一些事情：

1. 您可能需要使用一些工具将图像分割成更小的图像。因为该工具的功能、图像的数量、图像的大小以及在应用程序中包含和管理图像的方式，这真的是不必要的，除非你想炫耀你的技能。
2. 对于 1 张图像，如果您想让该级别更难，例如：创建更多块来隐藏它，您必须再次拆分该图像。即使您有库可以这样做，您的性能也会受到严重影响。

这些是您使用时的一些道具blocks：

1. 不需要分割图像（当然），所以告别降低性能的库。
2. 你可以用它们做很多事情blocks，例如：通过添加更多块来增加难度，创建块的动画，如滚动或定相等。
3. 如果您不想为<Image/>组件设置绝对位置，RN 已内置<ImageBackground/>组件以满足您的要求。