search_component.js

import { 
    searchChanged,
    contains,
    getDataSearch 
} from '../../actions/searchActions';
import _ from 'lodash';

class Search extends React.component {
  // function yang akan dipanggil ketika TextInput diisi
  handleSearch = (text) => {    
     console.log("text", text)             
     const fulldata = _.filter(this.props.data, user => {
         return contains(user, text);
     })
     console.log(fulldata)
     this.props.getDataSearch({fulldata})          
  }
  
  render() {
    return (
      ...
        <TextInput
           placeholder="Search"
           onChangeText={this.handleSearch}   
           style={{ width: Dimensions.get('window').width }}     
           onSubmitEditing={Keyboard.dismiss}   
           autoFocus={true}                                                      
        />
        ....
          // Tampilkan data yang sudah di filter menggunakan FlatList
         <FlatList                    
            data={this.props.fulldata}
            keyExtractor={(x,i) => i.toString() }
            renderItem={this._renderItem}                                                  
         />
     )
     ...
  }
}

const mapStateToProps = state => {
    const { data, query, fulldata } = state.searchReducer;     
    return {
        data,
        query,
        fulldata,      
    }
}

export default connect(mapStateToProps, { searchChanged, getDataSearch })(Search);