Screen rally

Screen eventos

App/app/Router.js

@@ -180,6 +180,12 @@ const Stack = createStackNavigator({
                     )
                 }
             }
+            else if (navigation.state.routes[index].routeName == 'Eventos') {
+                return {
+                    headerTitle: 'Eventos',
+                }
+
+            }
             else {
                 return {
                     header: null

App/app/screens/Eventos.js

@@ -1,11 +1,13 @@
 import * as React from "react";
-import {View, StyleSheet, Dimensions, Text, Button, ScrollView} from "react-native";
+import {View, StyleSheet, Dimensions, Text, Button, ScrollView, ImageBackground} from "react-native";
 import {TabView, TabBar, SceneMap} from "react-native-tab-view";
 
+import rallyImg from '../assets/rallyTascas.jpg';
 
 const SCREEN_HEIGHT = Dimensions.get("window").height;
 const SCREEN_WIDTH = Dimensions.get("window").width;
 
+
 const FirstRoute = () => (
     <View style={[styles.scene, {backgroundColor: "#ff4081"}]}/>
 );
@@ -37,11 +39,16 @@ export default class Eventos extends React.Component {
     renderFebrada = () => {
         return (
             <View>
-
-
                 <View styles={styles.cardContainer}>
-                    <Text>Ola</Text>
-                    <Text style={{color: "black"}}>Local: 1</Text>
+                    <ImageBackground
+                        style={{
+                            flex: 1,
+                            width: '100%',
+                            height: '100%',
+
+                        }}
+                        source={require('../assets/rallyTascas.jpg')}
+                    />
                 </View>
 
                 <View styles={styles.cardContainer}>
@@ -71,8 +78,8 @@ export default class Eventos extends React.Component {
     render() {
         return (
             <View>
-                <ScrollView >
-                    <View>
+                <ScrollView>
+                    <View style={styles.cardContainer}>
                         {this.renderFebrada()}
                     </View>
                     <View styles={styles.cardContainer}>
@@ -99,13 +106,13 @@ const styles = StyleSheet.create({
 
     cardContainer: {
         flex: 1,
+        flexDirection: 'row',
         padding: 10,
         margin: 20,
         backgroundColor: '#fff',
         borderRadius: 5,
         elevation: 2,
-        height: SCREEN_HEIGHT * 0.6,
-
+        height: (SCREEN_WIDTH * (1 / 2)),
         borderWidth: 2,
         color: "#000"
     },