This is an example app, demonstrating the usage of the react-native-blurhash library.
iOS Screenshot | Android Screenshot |
---|---|
![]() |
![]() |
To get started, run the following commands:
git clone https://github.com/mrousavy/react-native-blurhash
cd react-native-blurhash/example
yarn
cd ios; pod install; cd ..
npm run ios
npm run android
If you're trying to fix or implement something, I'd recommend you edit the library in this directory, since node_modules/react-native-blurhash
is a symbolic link to ../
.
- Install Xcode
- Open
ios/example.xcworkspace
in Xcode. - The react-native-blurhash library can be found when expanding the Pods/Development Pods/react-native-blurhash tree in the file view (left).
- Install Android Studio
- Open
android/
in Android Studio (example project) - Open
../
in Android Studio (react-native-blurhash)
- On iOS, I couldn't get the compiler/resolver to find the React libraries when I opened the library's Xcode project. That's why I used the
example/
Project and edited Pods/Development Pods/react-native-blurhash. - When the
node_modules
folder of thereact-native-blurhash
library is not removed, all kinds of weird React errors pop up. Make sure you delete this first!