react-native-no-flicker-image

React Native image component without flicker

Usage no npm install needed!

<script type="module">
  import reactNativeNoFlickerImage from 'https://cdn.skypack.dev/react-native-no-flicker-image';
</script>

README

react-native-no-flicker-image

React native Image component without flicker on android devices when source is changed. Show previous image until new one is loaded. Support all Image props.

Install

npm install react-native-no-flicker-image

Usage

import { NoFlickerImage } from 'react-native-no-flicker-image';

export default class DisplayAnImage extends Component {
  render() {
    return (
      <View>
        <NoFlickerImage
          source={require('/react-native/img/favicon.png')}
        />
        <NoFlickerImage
          style={{width: 50, height: 50}}
          source={{uri: 'https://facebook.github.io/react-native/docs/assets/favicon.png'}}
        />
      </View>
    );
  }
}