@@ -61,15 +61,16 @@ import SkeletonLoading from 'react-native-skeleton-loading'
6161const 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 |
0 commit comments