plataforma-mobile/src/components/ItemCursada.js

import React, { Component } from 'react';
import { Text, ScrollView } from 'react-native';
import { Actions } from 'react-native-router-flux';
import { Button, Card, CardSection } from './common';

class ItemCursada extends Component {
  onRowPress(){
    //console.log(this.props.data); //_id
    Actions.ViewCursada( { _id: this.props.data._id } );
  }

  render() {
    const { data } = this.props;
    return (
      <ScrollView>
        <Card>
          <CardSection>
            <Text style={styles.titleStyle}>
              {data.titulo}
            </Text>
          </CardSection>

          <CardSection>
            <Text>{data.descCorta}</Text>
            <Text>Mas info</Text>
          </CardSection>

          <CardSection>
            <Text>{data.dia}</Text>
            <Text>Mostrar como hora ajustado a zona</Text>
            <Text>{data.horaIni} a {data.horaFin}</Text>
          </CardSection>

          <CardSection>
            <Button onPress={this.onRowPress.bind(this)}>
              Ingresar
            </Button>
          </CardSection>
        </Card>
      </ScrollView>
    );
  }
}

const styles = {
  titleStyle: {
    fontSize: 18,
    paddingLeft: 15
  }
};

export default ItemCursada;