Button not displaying React-Native
<p>Hi I am going through a React-Native tutorial and I used the TouchableHighLight to create a button. The first button displays properly and the second button displays a straight line with the text "Location". </p>

<pre><code>'use strict';

import React, { Component } from 'react'
import {
    StyleSheet,
    Text,
    TextInput,
    View,
    TouchableHighlight,
    ActivityIndicator,
    Image
} from 'react-native';


class SearchPage extends Component {
    render() {
        return (
            &lt;View style={styles.container}&gt;
                &lt;Text style={styles.description}&gt;
                Search for houses to buy!
                &lt;/Text&gt;
                &lt;Text style={styles.description}&gt;
                Search by place-name, postcode or search near your location.
                &lt;/Text&gt;
            &lt;View style={styles.flowRight}&gt;
                &lt;TextInput
                style={styles.searchInput}
                placeholder='Search via name or postcode'/&gt;
                &lt;TouchableHighlight style={styles.button}
                underlayColor='#99d9f4'&gt;
                &lt;Text style={styles.buttonText}&gt;Go&lt;/Text&gt;
                &lt;/TouchableHighlight&gt;
            &lt;/View&gt;
                &lt;TouchableHighlight style={styles.button}
                underlayColor='#99d9f4'&gt;
                &lt;Text style={styles.buttonText}&gt;Location&lt;/Text&gt;
                &lt;/TouchableHighlight&gt;
                &lt;Image source={require('./Resources/house.png')} style={styles.image}/&gt;
            &lt;/View&gt;
        );
    }
}

var styles = StyleSheet.create({
    description: {
        marginBottom: 20,
        fontSize: 18,
        textAlign: 'center',
        color: "#656565"
    },
    container: {
        padding: 30,
        marginTop: 65,
        alignItems: 'center'
    },
    flowRight: {
        flexDirection: 'row',
        alignItems: 'center',
        alignSelf: 'stretch'
    },
    buttonText: {
        fontSize: 18,
        color: 'white',
        alignSelf: 'center'
    },
    button: {
        height: 36,
        flex: 1,
        flexDirection: 'row',
        backgroundColor: '#48BBEC',
        borderColor: '#48BBEC',
        borderWidth: 1,
        borderRadius: 8,
        marginBottom: 10,
        alignSelf: 'stretch',
        justifyContent: 'center'
    },
    searchInput: {
        height: 36,
        padding: 4,
        marginRight: 5,
        flex: 4,
        fontSize: 18,
        borderWidth: 1,
        borderColor: '#48BBEC',
        borderRadius: 8,
        color: '#48BBEC'
    },
    image: {
    width: 217,
    height: 138
}
});

module.exports = SearchPage;
</code></pre>