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

Question

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

我正在学习教程的一部分，我需要在 Stack.Navigator 的 screenOptions 中插入一个按钮。

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, and here's the tutorial 我正在尝试跟随，按钮会在 14:40s.

非常感谢您的帮助。

Answer 1

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

遵循此代码：

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