在 React Native 中将图像 src 指定为动态状态变量

Question

我想在 React Native 中加载图像。我经历了很多 post，但几乎每个 post 都在谈论指定静态/本地 url 的图像作为来源。但是，我想将其指定为

src= {this.state.url}

其中 this.state.url 在代码中分配了动态 url（来自 google 图像）。

可能吗？

Answer 1

尝试 Tholle 答案

Image source={{ uri: 'https://example.com/image.png' }}

但是在你的 render() 中让它变成这样：

render(){

 var image = ( <Image source={{this.state.url}} /> );

 return(

  <View>

   {image}

  </View>

 )

}

因此，无论何时您的组件状态发生变化，都会使用更新后的 url 调用渲染器

specifying image src as dynamic state variable in React Native