Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native React导航V5,选项卡导航共享道具_React Native_React Navigation_Expo_React Navigation V5 - Fatal编程技术网

React native React导航V5,选项卡导航共享道具

React native React导航V5,选项卡导航共享道具,react-native,react-navigation,expo,react-navigation-v5,React Native,React Navigation,Expo,React Navigation V5,在5月份,使用createMaterialTopTabNavigator创建仪表板屏幕,共有5个屏幕。 例如,我想在screen1中完成一些功能后实现它,然后我想screen2生成一个特定的功能,而不需要再次渲染任何屏幕。 因此,我的问题是如何使标签相互连接并相互了解。 我希望在屏幕或道具之间共享状态。 这是我的仪表板代码(摘要) 函数开关0({navigation,route}){return} 函数开关1({导航,路由}){返回} 功能开关2({导航,路由}){返回} 功能开关3({导航,路

在5月份,使用
createMaterialTopTabNavigator
创建仪表板屏幕,共有5个屏幕。 例如,我想在screen1中完成一些功能后实现它,然后我想screen2生成一个特定的功能,而不需要再次渲染任何屏幕。 因此,我的问题是如何使标签相互连接并相互了解。 我希望在屏幕或道具之间共享状态。 这是我的仪表板代码(摘要)

函数开关0({navigation,route}){return}
函数开关1({导航,路由}){返回}
功能开关2({导航,路由}){返回}
功能开关3({导航,路由}){返回}
功能开关4({导航,路由}){返回}
导出默认类DashBoard1扩展React.Component{
render(){
返回(
);
}

我的意思是,你应该把你的
AppContainer
包装到某个州的提供者那里

import { StoreProvider } from 'store';

<StoreProvider>
  <AppContainer />
</StoreProvider>

在所有屏幕上都需要应用程序状态提供程序。我尝试在DashBoard类中创建一个状态并将其发送到5个屏幕,我还创建了一个函数来更改仪表板的状态,并将其传递到5个屏幕,结果成功了。但是,当仪表板状态更改时,屏幕会重新呈现。好的,谢谢。我会查看它们,我不会这样做我想这可能是唯一的解决方案。是的,我确信我现在正在实现redux。非常感谢,我已经实现了它,它工作得很好。
import { StoreProvider } from 'store';

<StoreProvider>
  <AppContainer />
</StoreProvider>
import Reducer, { initialState } from './reducers';
import useActions from './actions';

export const Store = React.createContext();

export const StoreProvider = props => {
  const { children } = props;

  const [state, dispatch] = React.useReducer(Reducer, initialState);
  const actions = useActions(state, dispatch);
  const value = { state, dispatch, actions };

  return <Store.Provider value={value}>{children}</Store.Provider>;
};