title: Error: Error: No views in hierarchy found matching: (with tag value: is "email" and view has effective visibility=VISIBLE)
body: <p>Hi I am doing detox test for react native android version 0.57. I have two screens launch screen and login screen. I am able to go to login screen but while testing elements in login screen I am getting this error. Code is
  `</p>
  
  <pre><code>describe.only('test2', () =&gt; {
      before(async () =&gt; {
        await device.reloadReactNative();
      });
  
      it('should have welcome screen', async () =&gt; {
        await expect(element(by.text('Welcome'))).toBeVisible();
      });
  
      it('should Click button', async () =&gt; {
        await expect(element(by.id('login'))).toBeVisible();
        await element(by.id('login')).tap();
      });
  
      it('should select email', async () =&gt; {
        await expect(element(by.id('email'))).toBeVisible();
      });
  
    })
  </code></pre>
  
  <p>` </p>
  
  <p>while executing last it i am getting this error. help me out this issue.</p>
  
  <p>render function is </p>
  
  <pre><code>render() {
  return (
      &lt;View style={styles.mainContainer} testID='email'&gt;
          {this.renderTopLogoContainer()}
          {this.renderBottomContainer()}
          &lt;View style={{ height: 30, justifyContent: 'center' }}&gt;
                  {this.state.useMobile ? &lt;Text style={{ color: colors.SECONDARY_FONT_COLOR, alignSelf: 'center', fontSize: 13, }} onPress={() =&gt; { this.setState({ useMobile: false, wrongEntryMesaage: '', userName: "" }) }}&gt;{I18n.t("Use email")}&lt;/Text&gt; : &lt;Text style={{ color: colors.SECONDARY_FONT_COLOR, alignSelf: 'center', fontSize: 13 }} onPress={() =&gt; { this.setState({ useMobile: true, wrongEntryMesaage: '', userName: "" }) }}&gt;{I18n.t("Use mobile")}&lt;/Text&gt;}
          &lt;/View&gt;
          &lt;Button
              rounded title={I18n.t("GET OTP")}
              buttonStyle={styles.button}
              disabled={
                  this.state.useMobile ? (this.state.userName.length === 10) &amp;&amp; (this.props.processingRequest) || !(this.state.userName.length === 10) &amp;&amp; !(this.props.processingRequest)
                      : (this.state.userName.length &gt; 0) &amp;&amp; (this.props.processingRequest) || !(this.state.userName.length &gt; 0) &amp;&amp; !(this.props.processingRequest)}
              onPress={this.onGetOTPForUserNamePressedDebounced} 
          /&gt;
  
          {this.props.getOtpFailed ? Snackbar.show({
              title: this.props.error.display_message,
              duration: Snackbar.LENGTH_LONG
          }) : null}
      &lt;/View&gt;
  );
  </code></pre>
  
  <p>}</p>