在 React Native 中将图像 src 指定为动态状态变量
specifying image src as dynamic state variable in React Native
我想在 React Native 中加载图像。我经历了很多 post,但几乎每个 post 都在谈论指定静态/本地 url 的图像作为来源。但是,我想将其指定为
src= {this.state.url}
其中 this.state.url 在代码中分配了动态 url(来自 google 图像)。
可能吗?
尝试 Tholle 答案
Image source={{ uri: 'https://example.com/image.png' }}
但是在你的 render() 中让它变成这样:
render(){
var image = ( <Image source={{this.state.url}} /> );
return(
<View>
{image}
</View>
)
}
因此,无论何时您的组件状态发生变化,都会使用更新后的 url 调用渲染器
我想在 React Native 中加载图像。我经历了很多 post,但几乎每个 post 都在谈论指定静态/本地 url 的图像作为来源。但是,我想将其指定为
src= {this.state.url}
其中 this.state.url 在代码中分配了动态 url(来自 google 图像)。
可能吗?
尝试 Tholle 答案
Image source={{ uri: 'https://example.com/image.png' }}
但是在你的 render() 中让它变成这样:
render(){
var image = ( <Image source={{this.state.url}} /> );
return(
<View>
{image}
</View>
)
}
因此,无论何时您的组件状态发生变化,都会使用更新后的 url 调用渲染器