Skip to content

Commit 0191ce0

Browse files
committed
Documentation upadted
1 parent bb433e8 commit 0191ce0

File tree

2 files changed

+19
-10
lines changed

2 files changed

+19
-10
lines changed

README.md

Lines changed: 10 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -61,15 +61,16 @@ import SkeletonLoading from 'react-native-skeleton-loading'
6161
const App = () => {
6262

6363
return(
64-
<SkeletonLoading background={ 'lightgrey' } highlight={ 'white' }>
65-
<View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
66-
<View style={{ width: "20%", height: "14%", backgroundColor: 'lightgrey', borderRadius: 10 }} />
67-
68-
<View style={{ flex:1 }}}>
69-
<View style={{ backgroundColor: 'lightgrey', width: "50%", height: 10, marginBottom: 3, borderRadius: 5 }} />
70-
<View style={{ backgroundColor: 'lightgrey', width: '20%', height: 8, borderRadius: 5 }} />
64+
<SkeletonLoading background={"#adadad"} highlight={"#ffffff"}>
65+
<View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
66+
<View style={{ width: 100, height: 100, backgroundColor: "#adadad", borderRadius: 10 }} />
67+
68+
<View style={{ flex:1, marginLeft: 10 }}>
69+
<View style={{ backgroundColor: "#adadad", width: "50%", height: 10, marginBottom: 3, borderRadius: 5 }} />
70+
<View style={{ backgroundColor: "#adadad", width: '20%', height: 8, borderRadius: 5 }} />
71+
<View style={{ backgroundColor: "#adadad", width: '15%', height: 8, borderRadius: 5, marginTop: 3 }} />
7172
</View>
72-
</View>
73+
</View>
7374
</SkeletonLoading>
7475
)
7576

@@ -78,7 +79,7 @@ const App = () => {
7879

7980

8081

81-
For Live `Demo` [(Expo Snack)](https://snack.expo.dev/@mmusaib/react-native-skeleton-loading)
82+
For Live `Demo` [(Expo Snack)](https://snack.expo.dev/@mmusaib/react-native-skeleton-loading?platform=android)
8283

8384
# ⭐ Props for the component
8485
| Name | Type | Description |

package.json

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,12 +21,20 @@
2121
"expo",
2222
"react-native",
2323
"skeleton-loader",
24+
"skeleton loader",
2425
"expo-skeleton-loader",
26+
"expo skeleton loader",
2527
"react-native-skeleton-loader",
28+
"react native skeleton loader",
2629
"skeleton-loading",
30+
"skeleton loading",
2731
"loading",
2832
"react-native-skeleton-loading",
29-
"expo-skeleton-loading"
33+
"react native skeleton loading",
34+
"expo skeleton loading",
35+
"easy",
36+
"easy skeletion loader",
37+
"easy skeletion loading"
3038
],
3139
"author": "Muhammad Musaib",
3240
"license": "MIT",

0 commit comments

Comments
 (0)