反应原生 - 图像未显示

时间:2021-04-28 12:13:10

标签: reactjs react-native

我有这个值 value="require('../assets/alert.png')" 作为 setValue 到 firestore, 我检索此值并尝试执行 <Image source={marker.img} style={{width: 42, height: 42}} /> 但图像没有显示。 (我从数据库得到的数据是:require('../assets/alert.png')

编辑: 这些是我想要使用的带有图标的标记类型。所以用户可以选择他想要的标记类型

 <Image source={require('../assets/marker.png')} style={{width: 32, height: 32}} />
                <RadioButton value="marker"  />
                <Text>marker</Text>
                <Image source={require('../assets/info.png')} style={{width: 32, height: 32}} />
                <RadioButton value="info" />
                <Text>alert</Text>
                <Image source={require('../assets/alert.png')} style={{width: 32, height: 32}} />
                <RadioButton value="alert" />

然后我将标记添加到 firebase。

现在我用过:

 { marker.img=='alert'? <Image source={require('../assets/alert.png')} style={{width: 42, height: 42}} />:
                marker.img=='info'? <Image source={require('../assets/info.png')} style={{width: 42, height: 42}} />:
                <Image source={require('../assets/marker.png')} onLoad={this.stopRendering} style={{width: 42, height: 42}} />
              }

有没有更好的方法呢?正如我之前提到的那样,我试图获取来源。

我想使用和查看图片而不是所有的 if

0 个答案:

没有答案