[Image] errorSource not working on Android due to undefined nativeEvent.error + zIndex:-1 causes visibility issues

[qyscott]

The Image component in react-native-ui-lib has two related issues on Android:

1. errorSource does not load when image fails
   On Android, onError callback receives an event where event.nativeEvent.error is undefined. As a result, the component cannot detect a real error and fallback to errorSource.
   The Avatar (and similarly, Image) component in react-native-ui-lib has issues on Android:

2. Image may be hidden due to zIndex: -1
   When using certain props (e.g., useBackgroundContainer or internal styling), the image gets zIndex: -1, causing it to be visually hidden behind other elements.

Both issues severely impact reliability and accessibility of image loading on Android.

react-native : 0.77.1
react-native-ui-lib : 7.43.0

[qyscott]

        <Image
          source={{ uri: "https://images.pexels.com/photos/748837/pexels-photo.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260" }}
          aspectRatio={16 / 9}
          errorSource={ {uri: 'https://www.svgrepo.com/show/530581/cell-phone.svg'} }
          useBackgroundContainer
          supportRTL={false}
          onError={()=>{
            console.log ('Image onError')
          }}
          width={100}
          height={100}
        />