|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
import React from 'react'; import {StyleSheet, View} from 'react-native'; const App = () => { return ( <View style={styles.container}> <View style={styles.header} /> <View style={styles.circle} /> </View> ); }; export default App; const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: 'white', }, header: { width: '100%', height: 200, position: 'relative', top: 0, left: 0, backgroundColor: 'indigo', }, circle: { height: 100, width: 100, borderRadius: 50, position: 'absolute', top: 150, right: 10, elevation: 10, backgroundColor: 'yellow', }, }); |
