如何将 JSON 从 materialTopTabNavigator 传递到其他屏幕组件反应原生？

Question

我有一个 JSON，它从一个组件传递到另一个组件，并且有不同的组件屏幕选项卡，我如何将该 JSON 从主 MyTabs 组件传递到其他组件屏幕。这里 id 变量由 JSON 数据组成，我如何将其传递给 Home 和设置组件。

const tab = createMaterialTopTabNavigator();
const Mytabs = (props) =>{
const id = props.route.params;
return(

 <tab.Navigator   initialRouteName="home" >
  <tab.Screen  name="home" component={HomeScreen}   />
  <tab.Screen name="Settings" component={SettingsScreen}  />
 </tab.Navigator>
  
 );
 }

Answer 1

React 导航屏幕有一个 initialParams 属性，您可以使用它来传递 id。

来自文档：

您还可以将一些初始参数传递给屏幕。如果您在导航到此屏幕时未指定任何参数，则将使用初始参数。它们也与您传递的任何参数浅合并。可以使用 initialParams 属性指定初始参数。

...
<tab.Screen
  name="home"
  component={HomeScreen}
  initialParams={{ id: id }}
/>
<tab.Screen
  name="Settings"
  component={SettingsScreen}
  initialParams={{ id: id }}
/>
...

要检索组件中的初始参数，请执行以下操作：

function HomeScreen({route}) {
   const {id} = route.params
   ... // Do something with the id
}

阅读https://reactnavigation.org/docs/params/，了解可以将参数传递给路由的所有方式。