Modal not work on Android when using State to hide it in try/catch section

[raminious]

Issue Description

Modal component not worked on android when changing state to hide it in try/catch section

Steps to Reproduce / Code Snippets

makeReauest = () => {
  this.setState({ loading: true })
  Media.request(url)
  .then(response => {
    // todo
  }, e => {
    this.setState({ loading: false })
  })
}

render() {
  return(
    <View>
      <Modal
          animationType={'slide'}
          transparent={false}
          visible={this.state.loading}
          onRequestClose={() => {} }
       >
        <View></View>
      </Modal>
      <Text onPress={this.makeRequest}>Do Magic</Text>
    </View>
  )
}

Result

Additional Information

• React Native version: 0.35.0
• Platform: just Android
• Android Version: 5.1.0 on Google Nexus 6 (Genymotion Simulator)
• Operating System: macOS

[raminious]

when I changed catch section from

e => {
  this.setState({ loading: false })
}

to:

setTimeout(() => {
  this.setState({ loading: false })
}, 100)

it works

[ying-huang]

I am having a similar problem in iOS.

[santospatrick]

Can we reopen this please? setTimeout did not work for me, i am setting state of loading for false after async call and the Modal does not hide in standalone app, and does not throw any error. I tried to use timeout and restart my phone and nothing happens