在主文件中按下React Native中的按钮进行导航

时间:2018-01-10 23:12:02

标签: reactjs react-native

在App.js中 我有

 const AppNavigator = DrawerNavigator ({
     [routes.Home] = {screen: HomeScreen}

   })
contentComponent:props => {
return (
 <ScrollView> 
{..props}
 <DrawerContent />
</ScrollView>
  }
 )

在DrawerContent上我有一个按钮,onPress我想导航到HomeScreen。

 const DrawerContent = props => 
( 
 <Button transparent onPress={props.onClickHome}>
  <Icon name="home"/> 
  </Button>
)

如何将onClickHome绑定到HomeScreen?由于按钮位于App.js内部的Drawer中,我如何访问导航?

2 个答案:

答案 0 :(得分:0)

您需要将想要调用的导航功能作为道具传递给return redirect->back();

也许尝试以下内容:

<DrawerContent />

答案 1 :(得分:0)

使用下一种方法可以从任何地方访问导航:https://reactnavigation.org/docs/guides/redux