React native 在react navigation的TabNavigator中处理click事件,以刷新react本机应用程序中的视图

React native 在react navigation的TabNavigator中处理click事件,以刷新react本机应用程序中的视图,react-native,navigation,react-navigation,tabnavigator,ex-navigation,React Native,Navigation,React Navigation,Tabnavigator,Ex Navigation,我正在编写React本机应用程序。我使用react导航来导航屏幕。 我有两个StackNavigator,他们住在TabNavigator。我也有一个抽屉 const HomeStack=StackNavigator({ screenA:{screen:screenA}, screenB:{screen:screenB}, }); const UserStack=StackNavigator({ screenC:{screen:screenC}, screenD:{screen:screenD}

我正在编写React本机应用程序。我使用react导航来导航屏幕。 我有两个StackNavigator,他们住在TabNavigator。我也有一个抽屉

const HomeStack=StackNavigator({
screenA:{screen:screenA},
screenB:{screen:screenB},
});
const UserStack=StackNavigator({
screenC:{screen:screenC},
screenD:{screen:screenD},
});
常量TabBar=TabNavigator({
家庭1:{
屏幕:HomeStack,
},
用户1:{
屏幕:UserStack,
}
});
常量抽屉菜单=抽屉激活器({
TabBar:{screen:TabBar},
},{
抽屉宽度:300,
抽屉位置:“左”,
contentComponent:props=>,
}
)
var App=React.createClass({
render:function(){
返回(
);
},
});
问题1:我想当我点击标签home1或user1时,home1的屏幕(screenA)或user1的屏幕(screenC)将刷新。有什么方法可以处理哪个选项卡是焦点的事件吗

问题2:在App类的DrawerMenu中,我有一个道具“name”。我想screenA会收到道具“name”。我该如何实现我的目标


非常感谢。

根据文档,您可以使用
导航选项:{navigationOptions:()=>doWhatever()}
来处理选项卡栏点击

就你而言

const TabBar=TabNavigator({
家庭1:{
屏幕:HomeStack,
},
用户1:{
屏幕:UserStack,
导航选项:{navigationOptions:()=>doWhatever()}
}
});