var React = require('react-native')

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

var styles = StyleSheet.create({
  container: {
    flex: 1,
    flexDirection: 'column',
  },
  buttonText: {
    fontSize: 18,
    color: 'white'
  },
  button: {
    height: 60,
    backgroundColor: '#48BBEC',
    flex: 3,
    alignItems: 'center',
    justifyContent: 'center'
  },
  searchInput: {
    height: 60,
    padding: 10,
    fontSize: 18,
    color: '#111',
    flex: 10
  },
  rowContainer: {
    padding: 10,
  },
  footerContainer: {
    backgroundColor: '#E3E3E3',
    alignItems: 'center',
    flexDirection: 'row'
  }
});

class PastTrips extends React.Component{
  constructor(props){
    super(props);
    this.ds = new ListView.DataSource({rowHasChanged: (row1, row2) => row1 !== row2})
    this.state = {
      dataSource: this.ds.cloneWithRows(this.props.trips),
      error: ''
    }
  }
  // handleChange(e){
  //   this.setState({
  //     trip: e.nativeEvent.text
  //   })
  // }
    //   this.setState({
    //     dataSource: this.ds.cloneWithRows(data)
    //   })
    // })


  renderRow(rowData){
    return (
      <View>
        <View style={styles.rowContainer}>
          <Text> {rowData.name} </Text>
        </View>
      </View>
    )
  }

  render(){
    return (
      <View style={styles.container}>
          <ListView
            dataSource={this.state.dataSource}
            renderRow={this.renderRow} />
      </View>
    )
  }
};


module.exports = PastTrips;
@@ -967,202 +967,8 @@
   %7D%0A
-  // handleChange(e)%7B%0A  //   this.setState(%7B%0A  //     trip: e.nativeEvent.text%0A  //   %7D)%0A  // %7D%0A    //   this.setState(%7B%0A    //     dataSource: this.ds.cloneWithRows(data)%0A    //   %7D)%0A    // %7D)%0A
 %0A%0A  

Remove comments from past trips