gistfile1.js

'use strict';

var React = require('react-native');

var {
  StyleSheet,
  Text,
  TextInput,
  View,
  TouchableHighlight,
  Component
} = React;

var styles = StyleSheet.create({
  container: {
    padding: 30,
    marginTop: 65,
    alignItems: 'center'
 },
 description: {
   marginBottom: 15,
   fontSize: 20,
   textAlign: 'center',
   color: '#666565' 
 },
 flowRight: {
   flexDirection: 'row',
   alignItems: 'center',
   alignSelf: 'stretch'
 },
 queryInput: {
   height: 36,
   padding: 4,
   marginRight: 5, 
   flex: 4,
   fontSize: 15, 
   borderWidth: 1,
   borderColor: '#48BBEC',
   borderRadius: 5, 
   color: '#48BBEC'
  }
});


class QuotesSearchForm extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.description}>
	            app description here
	</Text>
	<View style={styles.flowRight}>
	    <TextInput style={styles.queryInput} value = "Inicial State"/>
	</View>
      </View>
    )
  }
}

module.exports = QuotesSearchForm;