@@ -20,71 +20,69 @@ class App extends React.Component {
20
20
backgroundColor : '#fff' ,
21
21
marginBottom : 25
22
22
} } >
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 >
26
26
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
+ />
38
37
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
+ />
49
48
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 >
61
59
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
+ />
71
69
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
+ />
82
80
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 >
88
86
89
87
</ View >
90
88
</ ScrollView >
0 commit comments