使用React Native显示文件夹中的图像

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

const ImageList = () => {
  const imageFolder = '/path/to/folder'; // 替换为实际的文件夹路径

  // 读取文件夹中的图像文件
  const images = readdirSync(imageFolder).filter(file => file.endsWith('.jpg') || file.endsWith('.png'));

  return (
    <View>
      {images.map((image, index) => (
        <Image key={index} source={{ uri: `file://${imageFolder}/${image}` }} style={{ width: 200, height: 200 }} />
      ))}
    </View>
  );
};

import React from 'react';
import { SafeAreaView } from 'react-native';
import ImageList from './ImageList';

const App = () => {
  return (
    <SafeAreaView>
      <ImageList />
    </SafeAreaView>
  );
};

export default App;