Pasé y declaré una variable (elemento) con navegar, pero dentro de "retorno", dice indefinido.
aquí variable (elemento)
{id: "001" name: "name"}código
import React, {useState,useEffect} from "react"; import {Text, View} from "react-native"; import styled from "styled-components/native"; import { TouchableWithoutFeedback, TouchableOpacity} from "react-native-gesture-handler"; const PlaySystem= ({navigation,route}) => { const {data}= useState(null) useEffect(()=>{ let {data} =route.params; console.log("first",data.id) },[]) return ( <Container> <StatusBar barStyle="Light-content"/> <View> <Text>{data?.name}</Text> { console.log("second",data.id) } </View> </Container>);} export default PlaySystem;consola.log muestra:
second undefined first 001Hazlo asi -
const PlaySystem= ({navigation,route}) => { let {data} =route.params; return ( <Container> <StatusBar barStyle="Light-content"/> <View> <Text>{data?.name}</Text> </View> </Container>);} export default PlaySystem;