React Navigation中有没有一种方法可以将参数从一个选项卡发送到另一个选项卡？

// 假设有两个选项卡屏幕组件：Screen1和Screen2

// 在Screen1中设置参数
navigation.setParams({ data: 'Hello from Screen1' });

// 在Screen2中获取参数
const data = navigation.getParam('data', 'Default Value');
console.log(data); // 输出：Hello from Screen1

// 创建一个选项卡导航器
const TabNavigator = createBottomTabNavigator();

// 在导航器的上下文中存储参数
const AppNavigator = () => {
  const [data, setData] = useState('Hello from Screen1');

  return (
    <NavigationContainer>
      <TabNavigator.Navigator>
        <TabNavigator.Screen
          name="Screen1"
          component={Screen1}
          options={{
            tabBarLabel: 'Screen1',
            tabBarIcon: ({ color, size }) => (
              <MaterialIcons name="screen1" color={color} size={size} />
            ),
          }}
          initialParams={{ data }}
        />
        <TabNavigator.Screen
          name="Screen2"
          component={Screen2}
          options={{
            tabBarLabel: 'Screen2',
            tabBarIcon: ({ color, size }) => (
              <MaterialIcons name="screen2" color={color} size={size} />
            ),
          }}
        />
      </TabNavigator.Navigator>
    </NavigationContainer>
  );
}

// 在Screen2中获取参数
const Screen2 = ({ navigation }) => {
  const data = useContext(AppContext);
  console.log(data); // 输出：Hello from Screen1

  return (
    // 屏幕组件的内容
  );
};