重命名多个图像并存储在数组React Native中

import React from 'react';
import { View, Image } from 'react-native';
import RNFS from 'react-native-fs';

const renameAndStoreImages = async () => {
  const imagePaths = [
    'path/to/image1.jpg',
    'path/to/image2.jpg',
    'path/to/image3.jpg',
  ];

  const renamedImages = [];

  for (let i = 0; i < imagePaths.length; i++) {
    const imagePath = imagePaths[i];
    const imageExtension = imagePath.split('.').pop();
    const newImageName = `image_${i}.${imageExtension}`;
    const newImagePath = `${RNFS.DocumentDirectoryPath}/${newImageName}`;

    try {
      await RNFS.moveFile(imagePath, newImagePath);
      renamedImages.push(newImagePath);
    } catch (error) {
      console.log(`Failed to rename and store image: ${imagePath}`);
    }
  }

  console.log('Renamed and stored images:', renamedImages);
};

const App = () => {
  renameAndStoreImages();

  return (
    <View>
      {renamedImages.map((imagePath, index) => (
        <Image key={index} source={{ uri: `file://${imagePath}` }} />
      ))}
    </View>
  );
};

export default App;