react-native - React Native : require expect exactly 1 literal string 图片来源错误

Question

您好，我在本地路径中有 iumages，我正在尝试提供路径作为

 <ListItem
    roundAvatar
    avatar={<Avatar
        rounded
        source={require( '../../../public/images/'+props.item.ImageName+'.png')}
        title={props.item.cat_name}
    />}
    onPress={() => props.subscreen(props.item._id)}
    key={props.item._id}
    title={props.item.cat_name}
/>

但是显示错误

在控制台上打印图像路径时，它仅显示字符串。有什么其他的方法或者错误在哪里？

Answer 1

不能在require中使用变量，只能是字符串，不能是变量。你需要这样做:

avatar={<Avatar
        rounded
        source={require( '../../../public/images/nameOfPic.png')}
        title={props.item.cat_name}
    />}

如果你想选择一张图片，你可以这样做。

arrayImgs = [require('../../anyName1.jpg'), require('../../anyName2.jpg')];
...
 <ListItem
    roundAvatar
    avatar={<Avatar
        rounded
        source={isTrue?arrayImgs[0]:arrayImgs[1]}
        title={props.item.cat_name}
    />}
    onPress={() => props.subscreen(props.item._id)}
    key={props.item._id}
    title={props.item.cat_name}
/>

编辑:

您可以对本 map 片使用 URI。

let imagePath = 'file:///storage/emulated/0/Pictures/'+imageName+'.png'
...
<Image
              style={{width: '100%', height: 400}}
              resizeMode='contain'
              source={{imagePath}}
            />

这是 Android 中文件夹的默认路径，请尝试使用“图片”文件夹中的任何图像。