Skip to content

Commit 3ca7e36

Browse files
committed
Update App.js
1 parent 53ec249 commit 3ca7e36

File tree

1 file changed

+57
-59
lines changed

1 file changed

+57
-59
lines changed

example/App.js

Lines changed: 57 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -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

Comments
 (0)