React-native-image-gradient

React Native Image with Gradient component for iOS + Android

Usage

  import Image from './react-native-image-gradient'
  <Image
    style={{ width: 200 }}
    darken={0.6} // background opacity
    darkenWidth={20} // percentage of image black border
    source={require('./images/cat.png')}
  />

Purpose

Useful for list of cards with images that don't fit screen width or small

Demo

Inspiration