Modern Image Loading with Blurhash in React Native

BlurHash is a compact representation of a placeholder for an image. Instead of displaying boring grey little boxes while your image loads, show a blurred preview until the full image has been loaded.

Install & Import:

# NPM
$ npm i react-native-blurhash --saveimport { Blurhash } from 'react-native-blurhash';

Basic usage:

export default function App() {
  return (
    <Blurhash
      blurhash="hash here"
      style={{flex: 1}}
    />
  );
}

Preview:

Download Details:

Author: mrousavy

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/mrousavy/react-native-blurhash

License: MIT

#react-native #react #reactjs