【问题标题】:React Navigation Custom Header and Custom Back ButtonReact Navigation 自定义标题和自定义返回按钮
【发布时间】:2020-12-16 11:26:03
【问题描述】:

我正在使用 React 导航。我自己创建了一个自定义标题组件。我把这个组件称为其他组件。但是我在标题上使用的后退按钮不适用于其他组件。如何将其添加到反应导航堆栈中。

navigation.back()navigation.navigate('Home)

我写的时候出错了。

【问题讨论】:

  • 在组件中传递导航道具

标签: react-native react-navigation


【解决方案1】:

也许你不传输导航?打印console.log(navigation)。你可以使用navigation.goBack()

【讨论】:

  • 不,只是打印 console.log(navigation)
  • 导航未定义错误。我需要为此堆叠它吗?
  • 如果你有导航,你不会得到navigation上面的检查
  • 我正在尝试对堆栈中未指定的组件进行操作。因此它不接收导航信息。是否可以不指定?
  • 我不懂你。不指定是什么意思?
【解决方案2】:

你可以使用这个:function LeftMenu(props) { return ( <Drawer.Navigator initialRouteName={props.route} drawerContent={(props) => <Custom_Side_Menu {...props}/>} drawerContentOptions={{activeTintColor: 'rgb(219,218, 218)'}}> <Drawer.Screen name="Map" component={MapScreen}/> </Drawer.Navigator> ); }

你可以在props LeftMenu中得到navigation

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-08-14
    • 1970-01-01
    • 1970-01-01
    • 2018-05-09
    • 2021-10-19
    • 1970-01-01
    • 2019-01-30
    • 1970-01-01
    相关资源
    最近更新 更多