Как визуализировать изображение, на которое делится УРИ?

Question

Мне нужна ваша помощь.

Я хочу визуализировать изображение, одна часть которого является статической, а другая часть извлекается из файла 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>
  );
}