这不是推荐的动态分配图像的方法，因为在编译包之前，React Native必须知道所有图像源。
根据文档，这是一个如何动态加载图像的示例：
// GOOD<Image source={require('./my-icon.png')} />;// BADvar icon = this.props.active ? 'my-icon-active' : 'my-icon-inactive';<Image source={require('./' + icon + '.png')} />;// GOODvar icon = this.props.active ? require('./my-icon-active.png') : require('./my-icon-inactive.png');<Image source={icon} />;https://facebook.github.io/react-
native/docs/images.html
希望能帮助到你
编辑：如果您知道所有可以加载的图像，则可以尝试如下操作：
// Create a file containing the references for your images// images.jsconst images = { logo: { uri: require('your-image-path/logo.png') }, banner: { uri: require('your-image-path/banner.png') }}export { images };//YourComponent.jsimport { images } from 'yourImagesPath';// for this test, expected to return [ { name: logo }, { name: banner} ]const imagesFromTheServer = (your fetch);imagesFromTheServer.map(image => { if (!images[image]) { return <Text>Image not found</Text>; } return <Image source={images[image].uri} />; // if image = logo, it will return images[logo] containing the require path as `uri` key});这很hacky，但可能会起作用。
让我知道是否有帮助
