Question

我有一个主堆栈导航器（X），内部有一个屏幕，可将我带到另一个堆栈导航器（A）。但是当我进入堆栈（A）时，并没有向我显示返回堆栈（X）的按钮。我确实了解使用多个这样的堆栈导航器不是最佳实践，但是我想在stack（A）内实现一个Tab导航器，并且每个选项卡都将包含一个堆栈导航器。

我已经尝试实现on the react-navigation docs中所述的按钮，但是它没有描述如何在标题的左侧实现按钮。

我该如何解决？

Answer 1

您可以使用文档中提供的相同代码，唯一的变化是必须使用headerLeft而不是headerRight，但这也将改变后退行为，请查看文档以获取更多详细信息。

      <Stack.Screen
        name="Home"
        component={HomeScreen}
        options={{
          headerTitle: props => <LogoTitle {...props} />,
          headerLeft: () => (
            <Button
              onPress={() => alert('This is a button!')}
              title="Info"
              color="#fff"
            />
          ),
        }}
      />

如何在react-navigation中实现标题左侧的按钮

1 个答案: