React Native 图片调整器：轻松调整本地图片大小

在React Native应用中，处理图片是一项重要的任务。有时候，我们需要根据不同的需求调整图片的大小。如果你正在寻找一个简单的方法来调整本地图片的大小，那么react-native-image-resizer是一个不错的选择。
首先，确保你已经安装了react-native-image-resizer。你可以使用npm或者yarn进行安装：

npm install react-native-image-resizer
# 或者
yarn add react-native-image-resizer

接下来，在你的React Native组件中导入ImageResizer：

import ImageResizer from 'react-native-image-resizer';

使用ImageResizer调整图片大小非常简单。下面是一个基本的示例，演示如何将图片调整为200x100像素：

ImageResizer.createResizedImage(
'path/to/your/image.jpg', // 原始图片路径
200, // 宽度
100, // 高度
'PNG', // 输出格式
80, // 质量（0-100）
null, // 回调函数（可选）
'path/to/save/resized/image.png' // 输出图片路径
)
.then((resizedImageUrl) => {
console.log(resizedImageUrl); // 输出调整大小后的图片路径
})
.catch((err) => {
console.log('Failed to resize image: ' + err); // 处理错误信息
});

如果你想将调整大小后的图片转换为Base64格式，可以使用ImageResizer的getBase64ForTag方法：

ImageResizer.getBase64ForTag(resizedImageUrl, (data) => {
console.log(data); // 输出Base64编码的图片数据
}, (err) => {
console.log('Failed to get base64 data: ' + err); // 处理错误信息
});

请注意，getBase64ForTag方法需要传递一个标签（tag），用于识别原始图片。如果你使用的是本地图片，可以使用图片的路径作为标签。如果你使用的是网络图片，可以使用图片的URL作为标签。
此外，如果你需要将调整大小后的图片存储到手机文件系统中，可以使用React Native的文件系统库（例如react-native-fs）。你可以将调整大小后的图片写入到指定的文件路径中。以下是一个示例：

import RNFS from 'react-native-fs';
const path = RNFS.DocumentDirectoryPath + '/path/to/save/resized/image.png';
const data = 'your base64 image data'; // 替换为实际的Base64编码的图片数据
RNFS.writeFile(path, data, 'base64') // 将Base64编码的图片数据写入文件系统
.then(() => {
console.log('Image saved successfully'); // 成功保存图片的回调函数
})
.catch((err) => {
console.log('Failed to save image: ' + err); // 处理保存图片时的错误信息
});