在本机中裁剪多个图像

Question

在React Native中将几个图像裁剪成几个图像的正确方法是什么？我正在开发一个应用程序，用户可以选择很多照片，但是在将它们上传到服务器之前，每张照片应具有正确的宽高比-1：1、2：3等。

我正在使用react-native-image-crop-picker允许用户一次选择多张照片。最初，我曾经使用相同的资料库来允许用户一次裁剪一张照片，但是由于人们一次上传10-20张照片，这是一种糟糕的用户体验。所以我想到了使用ImageEditor.cropImage()

在幕后自动裁剪图像

现在我得到了裁剪的图像，但是它几乎冻结了应用程序，直到图像被裁剪为止，从而导致不良的ux。 关于如何解决这个问题的任何线索？

Answer 1

我认为，仅通过使用react-native-image-picker库，这似乎很难覆盖。我会重新考虑在接收图像时服务器端缺乏灵活性的情况。基本上，我认为这不是一个好的UX，它要求用户在移动设备上上传纵横比受限制的多个图像。

但是，如果不可能，您可以尝试使用以下选项来解决此问题，以获得更好的用户体验：

• 选项1：导入图像后，将其显示在应用程序的网格视图中，允许用户在上传之前裁剪其中的每一个图像（这样，用户可以手动进行操作而不会感到不知所措，这略好一些手动裁切方法
• 选项2：尝试依次运行自动裁剪图像（而非异步），并在应用程序忙于处理这些图像并上传它们时向用户显示一个ActivityIndi​​cator（如果需要，请锁定应用程序的导航，这可以从用户方面，上传多张图片的过程较慢）。
• 选项3：将自动裁剪功能移到服务器端（如果可能），这样应用程序就不会在处理图像时不知所措，并且后端将通过处理所有它收到的图像。不确定是否可以实施。