File tree Expand file tree Collapse file tree 1 file changed +18
-1
lines changed Expand file tree Collapse file tree 1 file changed +18
-1
lines changed Original file line number Diff line number Diff line change 11
11
🟢 Skeleton Loading Component for Expo and React Native powered apps
12
12
13
13
<a href =" https://twitter.com/_mmusaib " target =" _blank " ></a >
14
- <img src =" https://i.imgur.com/sLjgFRR.gif " width =" 400 " />
14
+ <img src =" https://i.imgur.com/toxEFWe.png " width =" 500 " />
15
15
</div >
16
16
17
17
49
49
$ yarn add react-native-skeleton-loading
50
50
```
51
51
52
+ # Setup
53
+ This package is based on react-natve-reanimated 3 so according to their documentation,
54
+ you need to initialize that in babel.config.js. To do that stop the metro bundler and
55
+ then add following line of code to the return object of babel.config.js
56
+
57
+ ``` js
58
+ plugins: [' react-native-reanimated/plugin' ]
59
+ ```
60
+
61
+ After adding the line of code, start the bundler or project with --clear tag like,
62
+
63
+ ``` sh
64
+ npx expo start --clear
65
+ ```
66
+ This will clear the bundler cache and you are ready to go.
67
+
68
+
52
69
53
70
# 😎 Displaying the skeleton loading
54
71
All you need is to just import the skeleton loading component, and in between the
You can’t perform that action at this time.
0 commit comments