Olá, tem 1 semana que estou tentando achar esse problema e não consigo resolver... tenho uma aplicação que, em determinado momento abre um modal que sobrepõe a tela principal. Aqui estão meus códigos...
Tela Principal (LanListScreen)
default class LanListScreen extends React.Component {
render() {
return (
<View>
<HeaderBar />
<SubHeaderBar />
<AddLanModal visible={!!this.props.AddLanIsOpen} />
</View>
)
}
componentWillMount = () => {
BackHandler.addEventListener('hardwareBackPress', () => {
this.props.lanToggleAdd();
return true;
});
}
}
const mstp = state => {
return { AddLanIsOpen: state.lanReducer.AddLanIsOpen }
};
const mdtp = {
lanToggleAdd
}
export default connect(mstp, mdtp)(LanListScreen);
Modal (AddLanModal)
class AddLanModal extends React.Component {
render() {
return (
<Modal
animationType="fade"
transparent={true}
visible={this.props.visible}
onRequestClose={() => null}>
<View>
<View>
<Text>teste</Text>
</View>
</View>
</Modal>
)
}
componentWillMount = () => {
BackHandler.addEventListener('hardwareBackPress', () => {
this.props.lanToggleAdd();
return true;
});
}
}
const styles = { ... }
const mdtp = {
lanToggleAdd
}
export default connect(null, mdtp)(AddLanModal);
Meu problema é o seguinte, quando estou em qualquer Screen e tento utilizar o recurso BackHandler
o mesmo funciona perfeitamente alterando o estado do meu redux e (no caso dessa tela) abrindo a o meu modal. O problema é que, quando eu abro esse modal, o botão de voltar para de funcionar...
Já tentei acrescentar o evento novamente dentro do modal mas sem sucesso... até pensei que o modal poderia estar interferindo no backbutton, estando por cima de alguma forma e nada... Também tentei acrescentar o evento de voltar para a view que representa meu modalBackdrop e mesmo assim nada...
O que eu preciso fazer pra que eu consiga usar o BackButton dentro de um <Modal/>
com o React Native?
EDIT
O problema até foi citado aqui:
Alguém tem alguma idéia de como resolver isso?