如何在反应导航中实现标题左侧的按钮答案

【问题标题】：How to implement a button on the left side of the header in react-navigation如何在反应导航中实现标题左侧的按钮
【发布时间】：2020-05-21 22:04:52
【问题描述】：

我有一个主堆栈导航器（X），在里面我有一个屏幕，可以将我带到另一个堆栈导航器（A）。但是当我进入堆栈（A）时，它没有显示返回堆栈（X）的按钮。我明白使用像这样的多个堆栈导航器不是最佳实践，但我想在堆栈（A）内实现一个选项卡导航器，每个选项卡都包含一个堆栈导航器。

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

我该如何解决这个问题？

【问题讨论】：

标签： react-native expo react-navigation

【解决方案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"
            />
          ),
        }}
      />

【讨论】：