Passar adereços de filho para pai reagem à navegação
estou usandoreact-navigation
. Estou passandoprops
a partir de umreact-native component
aomodal
dereact-navigation
que é aberto em uma torneira.
export default class SomeComp extends Component {
...
render() {
const { navigate } = this.props;
return (
<TouchableOpacity
onPress={navigate("Modal", {data: ..., ...})}
..../>
)
}
}
Dentro demodal
Eu acesso ogoBack()
função que fecha omodal
, assim como oprops
passou atravésSomeComp
export default class Modal extends Component {
...
render() {
const { data, ... } = this.props.navigation.state.params;
const { goBack } = this.props.navigation;
return (
<View>
<TouchableOpacity
onPress={goBack()}
..../>
<Text>
{data, ...}
</Text>
</View>
)
}
}
O que eu me pergunto é, se é possível ou não passarprops
baixa deModal
paraSomeComp
, sem usandoredux
. Em um "normal"react-native parent-child component
Eu faria isso com um simplescallback
. No entanto, isso não funciona aqui, porque omodal
é definido norouter
, portanto, completamente independente deSomeComp
. É apenas chamado de lá ...