title: react native toaster (react-native-easy-toast) only displays once
body: <p>I have a button that when clicked it shows a toaster until something happens that either closes it or displays another one with an error message.</p>
  
  <p>It works fine the first time I load the screen but if I press the button again the initial toast doesn't show. The error toast does show after a few seconds (assuming there is an error). The only difference between these two is that the initial one has a duration.forever. Also since it stays forever I'm using a toast.close to stop displaying it.</p>
  
  <p>I even decided to make two components one for the initial and one for the error but same thing happens.</p>
  
  <p>Component that has toast code</p>
  
  <pre><code>showToast(text){
     this.refs.toast.show(text);
  }
  
  showToastForever(text) {
     this.refs.toast.show(text, DURATION.FOREVER);
  }
  
  closeToast(){
     this.refs.toast.close();
  }
  
  render(){
     return(
        &lt;Toast ref="toast"
        style={{backgroundColor: 'black'}}
        position='bottom'
        positionValue={150}
        /&gt;
     )
  }
  </code></pre>
  
  <p>Component that extends the code above</p>
  
  <pre><code>displayToast(text){
     if(text == 'detecting location...'){
        this.showToastForever(text)
     } else{
          this.closeToast()
          this.showToast(text)
     }
  }
  
  hideToast(){
     this.closeToast()
  }
  
  myRender(){
     return(
        &lt;View&gt;
           &lt;SearchLocation
           callbackToaster={ this.displayToast }
           callbackHide={ this.hideToast }
           /&gt;
        &lt;/View&gt;
     )
  }
  </code></pre>
  
  <p>SearchLocation</p>
  
  <pre><code>myRender(){
     return(
        &lt;View&gt;
           &lt;TouchableOpacity onPress={() =&gt; this.checkLocation()}&gt;
           //icon and styles
           &lt;/TouchableOpacity&gt;
  
           //other irrelevant stuff
  
        &lt;/View&gt;
     )
  }
  
  checkLocation(){
     this.props.callbackToaster('detecting location...')
     this.requestLocationPermission()
  }
  
  async requestLocationPermission() {
     if(!permission){
        //ask phone for permissions
     } else{
        this.getCurrentLocation();
     }
  }
  
  getCurrentLocation() {
     RNGooglePlaces.getCurrentPlace()
     .then((results) =&gt; {
        this.props.callbackHide()
  
        //other stuff about displaying results
  
     })
     .catch((error) =&gt; {
        this.props.callbackToaster('network unavailable')
     });
  }
  </code></pre>