#3 - Post

2022/InstaClone/App.js

@@ -1,4 +1,10 @@
 import React from 'react';
+import { View } from 'react-native'
 import Header from './src/componentes/Header';
+import Post from './src/componentes/Post';
 
-export default props => <Header/>
+export default props => 
+  <View style={{flex: 1}}>
+    <Header/>
+    <Post image={require('./assets/imgs/fence.jpg')}/>
+  </View>

2022/InstaClone/src/componentes/Post.js

@@ -0,0 +1,18 @@
+import React from 'react'
+import { View, Image, StyleSheet, Dimensions } from 'react-native'
+
+export default props =>
+    <View style={styles.container}>
+        <Image source={props.image} style={styles.image}/>
+    </View>
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1
+    },
+    image: {
+        width: Dimensions.get('window').width,
+        height: Dimensions.get('window').width * 3 / 4,
+        resizeMode: 'contain'
+    }
+})