@@ -20,71 +20,69 @@ class App extends React.Component {
2020 backgroundColor : '#fff' ,
2121 marginBottom : 25
2222 } } >
23- < View style = { styles . header } >
24- < Text style = { styles . header_text } > react-native-image-blur-shadow</ Text >
25- </ View >
23+ < View style = { styles . header } >
24+ < Text style = { styles . header_text } > react-native-image-blur-shadow</ Text >
25+ </ View >
2626
27- < ImageBlurShadow
28- style = { styles . img }
29- source = { require ( './src/assets/spiderman.jpg' ) }
30- imageWidth = { 220 }
31- imageHeight = { 220 }
32- imageBorderRadius = { 22 }
33- shadowOffset = { 48 }
34- shadowBlurRadius = { 18 }
35- shadowBackgroundColor = { '#ffffff' }
36- />
37-
27+ < ImageBlurShadow
28+ style = { styles . img }
29+ source = { require ( './src/assets/spiderman.jpg' ) }
30+ imageWidth = { 220 }
31+ imageHeight = { 220 }
32+ imageBorderRadius = { 22 }
33+ shadowOffset = { 48 }
34+ shadowBlurRadius = { 18 }
35+ shadowBackgroundColor = { '#ffffff' }
36+ />
3837
39- < ImageBlurShadow
40- style = { styles . img }
41- source = { require ( './src/assets/car.jpg' ) }
42- imageWidth = { 200 }
43- imageHeight = { 200 }
44- imageBorderRadius = { 22 }
45- shadowOffset = { 42 }
46- shadowBlurRadius = { this . state . blur_value }
47- shadowBackgroundColor = { '#ffffff' }
48- />
38+ < ImageBlurShadow
39+ style = { styles . img }
40+ source = { require ( './src/assets/car.jpg' ) }
41+ imageWidth = { 200 }
42+ imageHeight = { 200 }
43+ imageBorderRadius = { 22 }
44+ shadowOffset = { 42 }
45+ shadowBlurRadius = { this . state . blur_value }
46+ shadowBackgroundColor = { '#ffffff' }
47+ />
4948
50- < View style = { styles . slider_style_con } >
51- < Slider
52- style = { { width :'50%' } }
53- step = { 1 }
54- minimumValue = { 1 }
55- maximumValue = { 50 }
56- value = { this . state . blur_value }
57- onSlidingComplete = { blur_value => this . setState ( { blur_value : blur_value } ) } />
58- < Text > Blur Radius { this . state . blur_value } </ Text >
59- </ View >
60-
49+ < View style = { styles . slider_style_con } >
50+ < Slider
51+ style = { { width :'50%' } }
52+ step = { 1 }
53+ minimumValue = { 1 }
54+ maximumValue = { 50 }
55+ value = { this . state . blur_value }
56+ onSlidingComplete = { blur_value => this . setState ( { blur_value : blur_value } ) } />
57+ < Text > Blur Radius { this . state . blur_value } </ Text >
58+ </ View >
6159
62- < ImageBlurShadow
63- style = { styles . img }
64- source = { require ( './src/assets/landscape.png' ) }
65- imageWidth = { 250 }
66- imageHeight = { 200 }
67- imageBorderRadius = { 12 }
68- shadowBlurRadius = { 12 }
69- shadowBackgroundColor = { '#ffffff' }
70- />
60+ < ImageBlurShadow
61+ style = { styles . img }
62+ source = { require ( './src/assets/landscape.png' ) }
63+ imageWidth = { 250 }
64+ imageHeight = { 200 }
65+ imageBorderRadius = { 12 }
66+ shadowBlurRadius = { 12 }
67+ shadowBackgroundColor = { '#ffffff' }
68+ />
7169
72- < ImageBlurShadow
73- style = { styles . img }
74- source = { require ( './src/assets/one.jpg' ) }
75- imageWidth = { 265 }
76- imageHeight = { 200 }
77- imageBorderRadius = { 0 }
78- shadowOffset = { 58 }
79- shadowBlurRadius = { 10 }
80- shadowBackgroundColor = { '#ffffff' }
81- />
70+ < ImageBlurShadow
71+ style = { styles . img }
72+ source = { require ( './src/assets/one.jpg' ) }
73+ imageWidth = { 265 }
74+ imageHeight = { 200 }
75+ imageBorderRadius = { 0 }
76+ shadowOffset = { 58 }
77+ shadowBlurRadius = { 10 }
78+ shadowBackgroundColor = { '#ffffff' }
79+ />
8280
83- < View style = { styles . footer } >
84- < Text > Developed By: virtualvivek</ Text >
85- < Text > Github: virtualvivek/react-native-image-blur-shadow</ Text >
86- < Text > Supports Android, iOS, and Web</ Text >
87- </ View >
81+ < View style = { styles . footer } >
82+ < Text > Developed By: virtualvivek</ Text >
83+ < Text > Github: virtualvivek/react-native-image-blur-shadow</ Text >
84+ < Text > Supports Android, iOS, and Web</ Text >
85+ </ View >
8886
8987 </ View >
9088 </ ScrollView >
0 commit comments