mariodev12

cd ios
pod init

mariodev12

sudo gem install cocoapods

mariodev12

react-native link react-native-maps

mariodev12

npm install --save react-native-maps

mariodev12

react-native init googleMapsAirbnb
cd googleMapsAirbnb

mariodev12

[
   {
      "key":1,
      "name":"Suits",
      "image":"https://static.tvmaze.com/uploads/images/medium_portrait/0/2432.jpg"
   },
   {
      "key":2,
      "name":"Modern Family",
      "image":"https://static.tvmaze.com/uploads/images/medium_portrait/0/628.jpg"

mariodev12

<TextInput 
  style={styles.textInput}
  onChangeText={(text) => this.filterSearch(text)}
  value={this.state.text}
/>

mariodev12

filterSearch(text){
        this.setState({text})
        let newData = this.dataFilter(text, this.state.rawData);
        this.setState({
            dataSource: this.state.dataSource.cloneWithRows(newData),
            isLoaded: true,
            empty: false
        })
    }

mariodev12

renderRow(rowData){
        return (
            <TouchableHighlight style={styles.containerCell}>
                <View>
                    <View style={styles.footerContainer}>
                        <View style={styles.footerTextContainer}>
                            <Text style={styles.text}>{rowData.name}</Text>
                            <Text style={[styles.text, styles.textTitle]}>{rowData.number}</Text>
                            <Text style={[styles.text, styles.textBy]}>By {rowData.airdate}</Text>
                        </View>

mariodev12

<ListView 
  enableEmptySections={true}
  renderRow={this.renderRow.bind(this)}
  dataSource={this.state.dataSource}
/>