如果远程映像失败,是否可以加载本地映像?

例如,我有以下代码:

<Image style={ styles.userImage }
       source={ { uri: http://example.com/my_image.jpg } }
       onError={(error) => ...}
/>

例如,如果我没有访问http://example.com/my_image.jpg的权限,我将在onError中得到一个错误.加载本 map 像有没有办法?

推荐答案

使用组件的状态.在构造函数中设置初始url:

 this.state = { image: { uri: 'http://example.com/my_image.jpg' } }

创建onError个处理程序:

 onError(error){
   this.setState({ image: require('your_local_image.path')})
 }

然后把它们结合起来:

 <Image style={ styles.userImage }
       source={ this.state.image }
       onError={ this.onError.bind(this) }
 />

React-native相关问答推荐

使用NextJS映射从数组中提取用户角色

react 在顶部选项卡导航中传递本机数据

"npx expo run:android命令不能在Expo中运行

替换数组中的一个元素就是替换数组中的所有元素?

React Native TextInput 在android上打开时会自动关闭

如何停止在 textInput React Native 中输入空格?

由于依赖关系,在 run-android 上构建失败

React-native 在浏览器中打开链接并返回应用程序

React-Native + crypto:如何在 React-Native 中生成 HMAC?

api.get(...).then(...).catch(...).finally 不是函数

error TS2300: Duplicate identifier 'RequestInfo'

react native图像不适用于特定 URL

在 Docker 中使用 Fastlane 构建 iOS 应用

获取没有地理位置 API React-native 的国家/城市?

我可以使用 react native 开发 pwa

react-native图像预取

React 在任何根目录中都找不到入口文件

将现有的 React Native 项目转换为 Expo

React Native - 导航问题undefined is not an object (this.props.navigation.navigate)

无法在react-native中分配给# 的只读属性props