status-im/react-native-fast-image
2
0
Fork 0
mirror of https://github.com/status-im/react-native-fast-image.git synced 2025-02-23 19:58:15 +00:00
Code Issues Projects Releases Wiki Activity

Add rectangular border radius example.

Browse Source
This commit is contained in:
Dylan Vann 2018-01-30 20:42:58 -05:00
parent 194619921b
commit e8f6df93b2
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
example/fastImage/BorderRadiusExample.js
View File

@ -15,7 +15,14 @@ const BorderRadiusExample = ({ onPressReload, bust }) => (
</Section>
<SectionFlex onPress={onPressReload}>
<FastImage
style={styles.image}
style={styles.imageSquare}
borderRadius={50}
source={{
uri: IMAGE_URL + bust,
}}
/>
<FastImage
style={styles.imageRectangular}
borderRadius={50}
source={{
uri: IMAGE_URL + bust,
@ -26,13 +33,19 @@ const BorderRadiusExample = ({ onPressReload, bust }) => (
)
const styles = StyleSheet.create({
image: {
imageSquare: {
height: 100,
backgroundColor: '#ddd',
margin: 20,
width: 100,
flex: 0,
},
imageRectangular: {
height: 100,
backgroundColor: '#ddd',
margin: 20,
flex: 1,
},
plus: {
width: 30,
height: 30,