@@ -61,15 +61,16 @@ import SkeletonLoading from 'react-native-skeleton-loading'
61
61
const App = () => {
62
62
63
63
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 }} / >
71
72
< / View>
72
- < / View>
73
+ < / View>
73
74
< / SkeletonLoading>
74
75
)
75
76
@@ -78,7 +79,7 @@ const App = () => {
78
79
79
80
80
81
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 )
82
83
83
84
# ⭐ Props for the component
84
85
| Name | Type | Description |
0 commit comments