मैं प्रतिक्रिया मूल नेविगेशन के लिए थोडा नया हूँ और मैं अपनी सरणी से दूसरी स्क्रीन पर पैरामीटर पास करने का प्रयास कर रहा हूं लेकिन मुझे एक त्रुटि मिल रही है 'मार्ग.परम्स अपरिभाषित है'।

कक्षा जहां मैं पैरामीटर पास करता हूं:

<View style={styles.container}>
          <FlatList
          data={FoodObj}
          keyExtractor={(FoodObj)=>{FoodObj.key}}
          renderItem={({item})=>(
              <TouchableOpacity onPress={()=>{ navigation.navigate( 'Root' ,{screens:'Food', params:{name:item.name}} ) }}>
          <FoodList item={item} />
          </TouchableOpacity>
          )}/>
       </View>

कक्षा जहां मुझे पैरामीटर प्राप्त होते हैं:

const FoodDetails = ({route, navigation})=>{
    
      const { name } = route.params;

return (
    <View>
        <Text > Hey{name}</Text>
    </View>
);
}

यहाँ सरणी के मान हैं जिन्हें मैं पास करने का प्रयास कर रहा हूँ

 const [FoodObj, setFood] = useState([
        { name:'Zeppelins' , image_url:'https://xxxl.lt/wp-content/uploads/2018/06/cepelinai-600x450.jpg',time:'3 hours', key: '1' },
       {name:'Kibins', image_url:'https://kibinaivilniuje.lt/wp-content/uploads/2015/05/kibinai.trakuose.skaniausi.jpg', time:'2 hours', key:'2'},
       {name:'Potato Pancakes', image_url:'https://assets.epicurious.com/photos/5761d0d88accf290434553ab/2:1/w_1260%2Ch_630/classic-potato-pancakes.jpg', time: '30 min',key:'3'},
      ]);
1
MayWheather 20 अक्टूबर 2020, 20:08

1 उत्तर

सबसे बढ़िया उत्तर

कोड से आप नेस्टेड नेविगेशन वाली स्क्रीन पर नेविगेट कर रहे हैं, आपने 'स्क्रीन' के बजाय 'स्क्रीन' का उपयोग किया है, इसलिए इसे सामान्य नेविगेशन के रूप में माना जाएगा, नीचे दिए गए कोड की तरह कोड बदलें,

 navigation.navigate( 'Root' ,{screen:'Food', params:{name:item.name}} )
0
Guruparan Giritharan 20 अक्टूबर 2020, 17:14