react native curved view

1import React from 'react';
2import {View, StyleSheet} from 'react-native';
3
4const styles = StyleSheet.create({
5	parent : {
6        height : '80%',
7        width : '100%',
8        transform : [ { scaleX : 2 } ],
9        borderBottomStartRadius : 200,
10        borderBottomEndRadius : 200,
11        overflow : 'hidden',
12    },
13    child : {
14        flex : 1,
15        transform : [ { scaleX : 0.5 } ],
16
17        backgroundColor : 'yellow',
18        alignItems : 'center',
19        justifyContent : 'center'
20    }
21});
22
23const MyCurvedView = () => {
24	return (
25		<View style={styles.parent}>
26			<View style={styles.child}>
27      		//Content of the curved view
28      		</View>
29      	</View>
30    );
31}
32
33export default MyCurvedView;