Image onError 没走

Question

onError 方法没走 只console.warn了 怎么处理啊

import {Image, StyleSheet, View, NativeModules} from 'react-native';
import Logo from '@assets/images/ETH.png';
const ImageDemo = () => {
  return (
    <View style={styles.root}>
      {/* <Image
        style={styles.img}
        source={{
          uri: 'xxxx.xx.x.jpg',
          // uri: 'https://p3-passport.byteimg.com/img/user-avatar/170a015bb855cc1b161ea34097870caf~180x180.awebp',
        }}
        // blurRadius={3}
        defaultSource={Logo}
        // fadeDuration={10000}
        onLoad={() => {
          console.log('onLoadssss...');
        }}
        onError={() => {
          console.log('onError...');
        }}
      /> */}
      <Image
        style={styles.img}
        source={{
          uri: 'https://example.com/invalid-image.png',
        }}
        onError={() => {
          console.log('Image load failed');
        }}
      />
      <Image source={Logo} fadeDuration={10000} />
      {/* <Image source={require('@assets/images/ETH.png')} /> */}
    </View>
  );
};
const styles = StyleSheet.create({
  root: {
    width: '100%',
    height: '100%',
    backgroundColor: '#eee',
  },
  img: {
    width: 300,
    height: 400,
    backgroundColor: '#ddd',
    resizeMode: 'contain',
  },
});
export default ImageDemo;

Answer 1

FE大公爵 2023-08-05 17:33:13

<Image

style={styles.img}

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

onError={(error) => {

console.log(`onError ...`);

console.log(error);

}}

/>

onError ...

• MC_inR067 #1

  老师，这个行呢，这个好像也不行呢

• FE大公爵 回复 MC_inR067 #2

  你具体描述下你当前的问题呢，是完全不走回调，还是回调信息不对，RN最近几个版本这个api应该没变的，或者你发QQ课程群里给我看下也行

Answer 2

FE大公爵 2023-08-05 17:14:10

我反复试了几次，我这边是可以收到onError回调的，而且可以拿到具体的error信息。我把我的代码贴出来，你对比一下。

Answer 3

FE大公爵 2023-07-14 15:59:35

你的意思是那个url是假的，应该加载失败，但是没走onError吗？

• 提问者 THEONEjyf #1

  没走，所以很奇怪

• MC_inR067 #2

  老师，我的也是耶老师。我也遇到了这个问题。就是加载失败没走onError，且打印那个NativeEvent也就直接是object没有内容。