Question

我已经从firebase中提取数据并显示它们。现在我还需要显示图像。在firebase数据库中，我的结构与

下面的图像相同

我的项目下有一个文件夹，其中包含所有具有完全相同名称的图像，例如＃34; Carl.png＆＃34; 我提取了照片内容并与其他路径相结合：＆＃34; Myproject / img /＆＃34; + photo +＆＃34; .png＆＃34;并且它在屏幕上正确显示。但是当我试图影响它时，我会收到错误。这是我试过的代码

<Image style={{width: 50, height: 50}} source={{uri : (this.props.item.imageName)}}> </Image>

我得到了这个如果我尝试输入<Image style={{width: 50, height: 50}} source={{ uri: <Text> this.props.item.imageName </Text> }}> </Image>我得到了这个如果我把这段代码source={require(this.props.item.imageName)}放在这里是我得到的：你未知的命名模块

Answer 1

尝试使用require加载它，因为您从本地存储加载它，因此您的source属性变为： source = {require（＆＃39; ./ img /＆＃39; + photo +＆＃39; .png＆＃39;）}

Answer 2

尝试 {{1}}

你在开放和开放之间有空间。关闭标签。

Answer 3

实际上，React native不支持动态图像，即使它们存储在本地，你只需要使它们的名称动态变化。所以，我必须使用的唯一解决方案是使用一个巨大的开关盒，这里是我使用的代码：

     switch (item.name) {
                case 'carl':
                    return (
                        <Image source{require('pathUnderProject/carl.png')}/>
                    );  
...
                default:
                    return (
                        <View >
                            <Text>{'Null'}</Text>
                        </View>
                    );

我知道这不是最好的解决方案，但至少我确信它能正常工作并且不会在生产环境中中断

响应本机应用程序

3 个答案: