无法在react native中显示多个图像

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

const data = [
  { id: 1, image: require('./images/image1.jpg') },
  { id: 2, image: require('./images/image2.jpg') },
  { id: 3, image: require('./images/image3.jpg') },
  // 添加更多的图像数据...
];

const App = () => {
  const renderItem = ({ item }) => (
    <Image source={item.image} style={{ width: 200, height: 200 }} />
  );

  return (
    <View>
      <FlatList
        data={data}
        renderItem={renderItem}
        keyExtractor={(item) => item.id.toString()}
      />
    </View>
  );
};

export default App;