React Native 如何重定向到屏幕上没有底部导航标签在世博会使用路由器?

r7s23pms  于 2023-10-22  发布在  React
关注(0)|答案(1)|浏览(126)

基本上我有4底部标签在我的应用程序,和第三个按钮是创建饲料按钮,在按下它,我不想显示底部标签上的创建饲料屏幕,也在该屏幕的标题,我想返回按钮,这样我就可以重定向到屏幕上的用户来自.
因此,现在我已经在我的应用程序文件夹(标签)和(根)中创建了2个文件夹,所以我在标签文件夹中保留了我的视频源标签文件夹,并在根文件夹中创建了另一个创建源屏幕。因此,当用户按下中心创建饲料按钮,我重定向用户到创建饲料屏幕,使屏幕上的路线被推,我也得到了创建饲料标题上的返回按钮,但按下该返回按钮,我回到空的创建饲料屏幕的标签,而不是我希望用户回到屏幕上的用户来自。
我的代码如下所示

创建Feed(标签文件夹)

import { Stack } from "expo-router";
const Layout = () => {return <Stack screenOptions={{ headerBackVisible: false }} />; };
export default Layout;
export default function Page() {     return null; }

回档根文件夹here I have my screen where I post feeds from
我的账单

<Tabs.Screen     
    name="create-feed"
     options={{
         href: "/(root)/create-feed" + "/1",
         tabBarIcon: ({ focused }) =>
             focused ? <CreateFeedActive /> : <CreateFeedInactive />     }} />
moiiocjp

moiiocjp1#

你使用的方法可能达不到预期的效果。为了确保在按下后退按钮时返回到上一个选项卡,您应该考虑在Tab.Screen中添加一个侦听器。这个监听器将阻止标签的改变,你只需要导航到你的“新提要”屏幕。
下面是一个基于您的用例的示例:

<Tabs.Screen
    name="three"
    options={{
      title: 'Tab Three',
      tabBarIcon: ({ color }) => <TabBarIcon name="code" color={color} />,
    }}
    listeners={() => ({
      tabPress: (e) => {
        e.preventDefault()
        router.push("/newfeed") /// your screen without Tab bar
      },
    })}
  />

相关问题