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