react-native-safe-image
    TypeScript icon, indicating that this package has built-in type declarations

    1.2.0 • Public • Published

    NPM version

    react-native-safe-image

    Really light React-Native package to handle fallback when image is on error

    • fallback to other image
    • fallback to a component

    How to use it ?

    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"
        />
      )
    }
     

    Todos

    • add fallbackComponent prop

    Hire an expert!

    Looking for a ReactNative freelance expert with more than 12 years experience? Contact me from my website!

    Install

    npm i react-native-safe-image

    DownloadsWeekly Downloads

    18

    Version

    1.2.0

    License

    MIT

    Unpacked Size

    6.68 kB

    Total Files

    6

    Last publish

    Collaborators

    • xcarpentier