如何在 Stack.Navigator 上的 screenOptions 内呈现按钮？

问题描述

我仍然是 React Native 的初学者，我正在尝试按照 youtube 上的教程制作抽屉菜单。

我参与了教程的一部分，我需要在我的screenoptions 的 Stack.Navigator 中插入一个按钮。

const Screens = () => {
  return (
    <Stack.Navigator
      screenoptions={{
        headerTransparent: false,headerTitle: null,headerLeft: () => {
          <Button title="Menu" />;
        },}}>
      <Stack.Screen name="Dashboard" component={Dashboard} />
      <Stack.Screen name="Messages" component={Messages} />
      <Stack.Screen name="Contact" component={Contact} />
    </Stack.Navigator>
  );
};

我的代码是按照教程来的，但是问题是我的代码中没有出现按钮，所以我可以打开Drawer。

你能帮我告诉我如何在我的屏幕上呈现这个按钮吗？

这是我在 snack.expo.io 中输入的代码，这是我尝试关注的 tutorial，按钮在 14:40 分钟插入。

非常感谢您的帮助。

解决方法

一切正常，但您没有在此处返回按钮，

遵循以下代码：

 <Stack.Navigator
      screenOptions={{
        headerTransparent: false,headerTitle: null,headerLeft: () => (
          <Button title="Menu" />
        ),}}>
     //rest of the code
 </Stack.Navigator>