aretherecookies-mobile/js/pages/PlaceDetail.js

// @flow
import React, { Component } from 'react';
import { Text, View } from 'react-native';
import theme from '../ui-theme';
import { type Place } from '../records/PlaceRecord';
import { compose, pure, getContext } from 'recompose';

export class PlaceDetail extends Component {
    static displayName = 'PlaceDetail';

    props: {
        route: {
            place: Place,
        },
        navigator: Object,
    };

    render() {
        const { route: { place } } = this.props;
        return (
            <View style={theme.page.container}>
                <Text>{place.name}</Text>
            </View>
        );
    }
}

const enhance = compose(pure, getContext({ route: React.PropTypes.object, navigator: React.PropTypes.object }));

export default enhance(PlaceDetail);