Javascript 错误：route.params在尝试从平面列表传递参数时未定义

我对本机导航有点陌生，我试图将参数从数组传递到另一个屏幕，但我收到一个错误“route.params未定义”

我传递参数的类：

<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>

---

从要导航到具有嵌套导航的屏幕的代码中，您必须使用“屏幕”而不是“屏幕”，因此这将被视为正常的导航更改代码，如下面的代码所示

 navigation.navigate( 'Root' ,{screen:'Food', params:{name:item.name}} )

---

谢谢你指出那个修正错误，并展示了我想要的结果。这是我第一次处理嵌套导航。是的，在stackoverflow允许我标记答案之前，我只是等了一会儿

 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'},
      ]);

 navigation.navigate( 'Root' ,{screen:'Food', params:{name:item.name}} )