导航参数的精细化管理

在React Native应用中，导航是用户体验的一个关键部分，尤其是在处理多屏幕数据传递时，如何管理和区分不同的数据源显得尤为重要。本文将通过一个实际的例子来展示如何通过精细化管理导航参数，解决数据源区分的问题。

问题背景

假设我们有一个应用，包含四个屏幕：Home、SearchScreen、ListScreen和TabScreen。我们需要从Home和SearchScreen传递不同的数据到ListScreen，并且希望在ListScreen中根据数据源的不同显示不同的内容。

实例说明

场景一：从Home屏幕传递数据

在Home屏幕中，我们有一个FlatList，点击其中一项会导航到ListScreen，并传递该项的数据：

<TouchableOpacity onPress={() => navigation.navigate(MainScreens.ListScreen, { item: item, source: 'home' })} > <Text>{item.name}</Text> </TouchableOpacity>

场景二：从SearchScreen传递数据

在SearchScreen中，我们同样需要传递数据到ListScreen，但数据结构可能不同：