Really light React-Native package to handle fallback when image is on error
MIT License
Really light React-Native package to handle fallback when image is on error
yarn add react-native-safe-image
import { SafeImage } from 'react-native-safe-image'
// ...
render() {
return (
<SafeImage
source={{ uri: 'http://Normal-Image-Maybe-OnError.jpg' }}
fallbackImageSource={require('./Path-To/FallbackImage.jpg')}
style={{ width: 30, height: 30 }}
resizeMode="contain"
/>
)
}
// ... or ...
const noImg = <View><Text>No Img</Text></View>
render() {
return (
<SafeImage
source={{ uri: 'http://Normal-Image-Maybe-OnError.jpg' }}
fallbackComponent={noImg}
style={{ width: 30, height: 30 }}
resizeMode="contain"
/>
)
}
fallbackComponent
propLooking for a ReactNative freelance expert with more than 12 years experience? Contact me from my website!