Empecé a usar rn esta semana para hacer una aplicación de escala media para una escuela de tutoría. Y encontré algún problema con la navegación con accesorios definidos.

Como verá, defino el nombre de pantalla de la pila con 'test1', 'test2' en root app.js igual que la variable de dirección.

el problema es que cuando uso 'test1' en lugar de {address} funciona bien, pero cuando uso {address}, me grita, incluso cuando consuelo sigue siendo 'test1'.

Aquí está mi código:

 .... .... <Stack.Screen name="test1" component={GrLesson1} /> <Stack.Screen name="test2" component={GrLesson2} />

 function GrHome({navigation}) { return ( <View> <GrHomeProps title="test1" address="test1" navigation={navigation}/> <GrHomeProps title="test2" address="test2" navigation={navigation}/> </View> ) }

 function GrHomeProps({title,navigation,address}) { return ( <View> <TouchableOpacity onPress={()=>{ navigation.navigate({address}) }} > <Text> {title} </Text> </TouchableOpacity> </View> ) }

 Can somebody help me? find the mistake i made or teach me another way to do this with reusable component?