Question

我需要你的帮助。

我想渲染一张图像，其中uri的一部分是静态的，而另一部分则是从JSON文件中提取的。我尝试了下面的代码：

render() {
 const pic = this.props.navigation.getParam('picture');
 const pic2 = pic.toString();  
 const pic3 = 'https://static.blablabla'+ pic2; 

return(
 <View style = {styles.container}>
          <Image source = {{uri : 'pic3' }}/>
</View>

当我直接尝试使用https地址，例如<Image source = {{uri : ''https://static.blablabla/125/14.png' }}/>时，它会起作用。

Answer 1

在您的代码中，图像的URI是字符串'pic3'，而不是变量pic3的值您应该删除引号

render() {
  const pic = this.props.navigation.getParam('picture');
  const pic2 = pic.toString();  
  const pic3 = 'https://static.blablabla'+ pic2; 

  return(
    <View style = {styles.container}>
      <Image source = {{uri : pic3 }}/>
    </View>
  );
}

如何渲染uri被划分为react native的图像？

1 个答案: