如何解决如何在 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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。