Moti's skeleton component is great for showing animated loading states. It works on all platforms, including web.
Prior to version
0.17.0, the skeleton was installed as its own package. This is no longer the case.
If you have
@motify/skeleton in your
package.json, be sure to delete it and upgrade
You'll also want to install
Please note that you must have Reanimated 2 installed. See installation steps for more info.
Please make sure you complete any installation steps required for Expo's linear gradient component.
Skeleton will hide when data exists by default.
You can always
show the skeleton:
Or hide it:
radius to show a circle, square, or custom border radius. Defaults to
Here's the code from the video above: