Sou novo em react native e estou construindo um app onde preciso repedir varias vezes o mesmo código com apenas algumas diferenças, então logico que eu estou criando componentes pra isso, porem em um dos componentes tem um botão e quando pressionado ele navegue ate outra rota, geralmente quando preciso fazer isso o stack navigation sempre passa como props a propriedade navigation e usamos da seguinte maneira navigation.navigate('nome-da-rota')
, porem eu preciso usar essa propriedade dentro do componente filho, porem todas vez que tento isso recebo o erro ERROR Warning: Cannot update a component from inside the function body of a different component.
O meu componente esta em outro arquivo
Meu código:
export default function Main({navigation}) {
return (
<>
<View style={styles.header}>
<TouchableOpacity style={styles.touch} onPress={logout}>
<Image source={Logout} style={styles.logoutImage}></Image>
<Text style={styles.outText}>Sair</Text>
</TouchableOpacity>
</View>
<ScrollView>
{admin && <Admin navigation={navigation} />}
</ScrollView>
</>
)
}
navigation
, já testou não passar e só recuperar?<Admin navigation={navigation} />
é que to falando será que precisa passar esseprops
, se poderia retirar e testar tambémnavigation={navigation}
já que os componentes estão envolvidos pelo navegação