Reactjs 一触即奋力导航到另一页

我试图在单击图像时导航到另一个页面。我一直这样做似乎不起作用。如果有人能让我知道是什么导致了错误，那就太好了

我已经提供了下面的代码，但我还创建了一个零食，您可以立即测试我的代码

编辑：必须使用IOS或android进行渲染，该库未设置为web

上面的零食绝对是了解我所说内容的最快捷、最简单的方式；一切都安排好了。只需点击图片，找出错误

编辑：关于我的项目的新信息更具体地说，SKeney的答案适用于堆栈，但由于某些原因，在我的项目中不适用。我还添加了我在实际项目中使用的app.js文件，以便进一步澄清，因此下面的堆栈有点多余

我的整个堆栈的代码

  <Stack.Screen name="Home" component= {MyTabs} options={{headerShown: false}}/>
        <Stack.Screen name="ProfileScreen" component= {ProfileScreen} options={{headerShown: false}}/>
        <Stack.Screen name="MyCarousel" component= {MyCarousel} options={{headerShown: false}}/>
        <Stack.Screen name="VenueDetails" component= {VenueDetailsScreen} options={{headerShown: false}}/>
        <Stack.Screen name="ProfileSettings" component= {ProfileSettingsScreen} options={{headerShown: false}}/>
        <Stack.Screen name="FavoriteBarScreen" component= {FavoriteBarScreen} options={{headerShown: false}}/>
        <Stack.Screen name="LocationScreen" component= {LocationScreen} options={{headerShown: false}}/>
        

谢谢你们的洞察力。我比你知道的还要感激

链接到图书馆的文档

const MyCarousel=（道具）=>{
const[entries，setEntries]=useState（[]）；
const carouselRef=useRef（null）；
useffect（（）=>{
设置条目（ENTRIES1）；
}, []);
常量renderItem=（{item，index}，视差）=>{
返回(
this.props.navigation.navigate（'VenueDetails'）}>
{/*保存它的视图的结尾*/}
);
};
返回(
);
};
导出默认MyCarousel；

在功能组件内使用

此

应该是：

            onPress={() => props.navigation.navigate('VenueDetails')}>

---

删除

此
后确认工作。功能组件没有对此的引用，应该从功能组件的参数中通过
props
访问props。
这对堆栈有效，但在我的整个项目中实现它时，它似乎仍然不起作用。我已经提供了一些关于堆栈的更多信息，请让我知道是否还有其他我可以添加的帮助。我还添加了我实际项目中的app.js文件，因此可能会有一些用处。@JustinPriede你能更新snack以包含你在项目的其余部分中遇到的错误吗？我刚刚做了，谢谢你单击“此处”时看到的snack仍然没有其他组件和堆栈屏幕@贾斯汀普里德
            onPress={() => props.navigation.navigate('VenueDetails')}>