react native curved view
import React from 'react';
import {View, StyleSheet} from 'react-native';
const styles = StyleSheet.create({
parent : {
height : '80%',
width : '100%',
transform : [ { scaleX : 2 } ],
borderBottomStartRadius : 200,
borderBottomEndRadius : 200,
overflow : 'hidden',
},
child : {
flex : 1,
transform : [ { scaleX : 0.5 } ],
backgroundColor : 'yellow',
alignItems : 'center',
justifyContent : 'center'
}
});
const MyCurvedView = () => {
return (
<View style={styles.parent}>
<View style={styles.child}>
//Content of the curved view
</View>
</View>
);
}
export default MyCurvedView;
Also in JavaScript:
- jquery hover and hover out
- how to filter an array of objects in javascript
- javascript is undefined
- sass node sass loder
- excel date to javascript date
- node-fetch auth basic
- not equal to in js
- jquery animation
- react native radio buttons
- nuxt error page
- dom is loaded
- clear cache after ajax success
- quick sort js
- find next greater number with same set of digits javascript
- Find parent and child from array javascript
- listar objetos javascript
- sweetalert2 js
- js ceil
- classname toggle js
- php generate random string fixed length
- how to use a specific node version for inside a folder
- cb=gapi.loaded_0:190 Uncaught TypeError: $.ajax is not a function
- Levenshtein Distance algorithm javascript
- UnhandledPromiseRejectionWarning: TypeError: Converting circular structure to JSON