Add support for react-native-blurhash
complete
Marc Rousavy
Disclaimer: I am the author of rect-native-blurhash.
Not sure if it is in the focus of expo to support as many packages as possible, but I've had a lot of requests "to bring [react-native-blurhash] to expo", so I'm just leaving this post here.
Evan Bacon
complete
Today, we are pleased to announce that with the arrival of Expo SDK 42, you can now create custom development clients in the cloud using EAS Build, or locally with the new Expo run commands.
The package
react-native-blurhash
does not need a config plugin, simply install it and rebuild the app!You can try it out today:
- Create a new project: expo init
- Install the packages: expo add react-native-blurhash expo-dev-client(can also use npm or yarn)
Build the native app:
- In the cloud with eas build -p all --profile development(expo build does not support custom builds)
- Or locally with expo run:iosandexpo run:android
These custom clients can be shared across teams, and even reused across projects (just like Expo Go).
To be clear,
react-native-blurhash
has _not_ been added to the Expo Go app that you download from the App Store or Google Play Store.We still consider this feature to be _completed_ because users can now:
- Create a custom client app without needing to write any native code.
- Build the iOS project without having access to an Apple computer.
We hope you enjoy, and we have big plans to continue improving this workflow going forward!
Evan Bacon
complete
Today, we are pleased to announce that with the arrival of Expo SDK 42, you can now create custom development clients in the cloud using EAS Build, or locally with the new Expo run commands.
The package
react-native-blurhash
does not need a config plugin, simply install it and rebuild the app!You can try it out today:
- Create a new project: expo init
- Install the packages: expo add react-native-blurhash expo-dev-client(can also use npm or yarn)
Build the native app:
- In the cloud with eas build -p all --profile development(expo build does not support custom builds)
- Or locally with expo run:iosandexpo run:android
These custom clients can be shared across teams, and even reused across projects (just like Expo Go).
To be clear,
react-native-blurhash
has _not_ been added to the Expo Go app that you download from the App Store or Google Play Store.We still consider this feature to be _completed_ because users can now:
- Create a custom client app without needing to write any native code.
- Build the iOS project without having access to an Apple computer.
We hope you enjoy, and we have big plans to continue improving this workflow going forward!
Brent Vatne
Merged in a post:
React native blurhash support
Mátyás Fürtös
Hello! :)
Could you please add support for the amazing react-native-blurhash module? It would be a very good addition to expo, since it's the best way to load images IMO.
Nuck
You might be interested to know that I successfully ported Blurhash to WebGL. It's currently shoved in my project at https://github.com/hummingbird-me/kitsu-mobile/blob/expo/src/utils/blurhash.ts but I'm hoping to clean it up and release it as an alternative to react-native-blurhash which runs fine on Expo!
Brent Vatne
hi there! nice work on the package! this describes how we think about adding packages to the expo sdk: https://expo.fyi/whats-in-the-sdk
perhaps what is missing in the react-native ecosystem that would make this possible w/o needing custom native code, like on the web, is a performant 2d canvas implementation. we have more of an experimental implementation of it built on top of expo-gl: https://github.com/expo/expo-2d-context - it should be possible for people to build something more similar to react-blurhash using this same approach, but it may not end up being as performant. if anyone reads this and wants to experiment with it, here's how simple the react-blurhash canvas component is: https://github.com/woltapp/react-blurhash/blob/458b44880845085066e5640bdc5a24a51f077002/src/BlurhashCanvas.tsx#L28-L39