AddItem.js

//@flow

import React, { Component,PropTypes } from 'react';
import {
  Platform,
  StyleSheet,
  TextInput,
  View,
  Text,
  TouchableNativeFeedback,
  TouchableHighlight
} from 'react-native';

class AddItem extends Component {

  constructor(props) {
    super(props);
    this.state = { text: 'I will be added' };
  }

  render() {
    var TouchableElement = TouchableHighlight;
    if (Platform.OS === 'android') {
     TouchableElement = TouchableNativeFeedback;
    }
    return (
      <View style={styles.container}>
        <TextInput
        style={styles.textInput}
        onChangeText={(text) => this.setState({text})}
        value={this.state.text}
        />
        <TouchableElement
        style={styles.button}
        onPress={() => this.props.pushItem(this.state.text)}>
        <View>
          <Text>ADD!</Text>
        </View>
      </TouchableElement>
      </View>
    );
  }
}

var styles = StyleSheet.create({
  container: {
    padding: 10,
    flexDirection:'row',
    flexWrap: 'wrap',
    alignItems: 'center',
    flex: 1
  },
  textInput: {
    fontSize: 19,
    fontWeight: 'bold',
    borderWidth: 0,
    flex: 1,
  },
  button: {
    textAlign:'center',
  },
});

AddItem.propTypes={
  pushItem: PropTypes.func.isRequired
}

export default AddItem