如何在 react-navigation 中实现头部左侧的按钮。

Question

我有一个主堆栈导航器(X)，里面有一个屏幕带我到另一个堆栈导航器(A)。但是当我进入堆栈(A)时，它并没有向我显示返回堆栈(X)的按钮。我知道像这样使用多个堆栈导航器不是最好的做法，但是我想在stack(A)里面实现一个Tab导航器，每个Tab都包含一个堆栈导航器。

我已经尝试过实现一个按钮，如上所述 在 react-navigation docs 上但它并没有描述如何在头部左侧实现它。

我如何解决这个问题？

Answer 1

你可以使用文档中提供的相同的代码，唯一的变化是，你必须使用headerRight来代替。headerLeft 但这也会改变后面的行为，更多细节请查看文档。

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