React Native：从本地图库中选择时如何动态排列显示的本地图像？

Question

在我的 RN 0.62.2 应用程序中，一个函数用于显示从图库中挑选的本地图像：

const displayImg = (img_source, width, ht, local=false) => {
        if (local) {
            return (<Image source={require(img_source)} style={{width:width, height:ht, resizeMode:'cover'}}/>); //<<<== require causes error with dynamic image source
        } else {  //online 
            return (<FastImage source={{uri:img_source}} resizeMode={FastImage.resizeMode.cover} style={{width:width, height:ht}}/>);
        };
        
    };

但是由于捆绑时图片源不可用，RN抛出error为require。上面这个函数的目的是通过拾取的图像数量来动态排列图像显示格式。例如，对于 1 张图像，显示的图像将采用全宽。如果有 2 张图像，则一张图像将与另一张图像并排占据一半宽度。由于应用程序在用户选择 miage 之前不知道要显示哪个图像，所以 require(image_source) 在捆绑时不会知道确切的路径，这违反了 React Native 捆绑。有没有办法解决这个问题？

Answer 1

您不必要求用户输入图像。

您应该将它们用作外部图像，因为 react-native-image-picker 将返回拾取图像的 url。

所以不是

 <Image source={require(img_source)} />

你应该：

<Image source={{uri: img_source}} />