问题标签 [react-native-tabnavigator]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
211 浏览

reactjs - React Navigation 5 Tab.Navigator 在 Tab.Screens 之间发送令牌

我正在努力将令牌从一个 Tab.Screen 传递到另一个 Tab.screen

我在 Stack.Navigator 中使用 Tab.Navigator

<Stack.Screen name="Auth"/>组件导航到<Tab.Screen name="Map"/>那里并发送令牌:

props.navigation.replace("BottomTabs", {screen: "Map", params: {token: token}});

到目前为止一切都很好,但现在我有两个选项卡<Tab.Screen name="Map"/><Tab.Screen name="List"/>. 我需要通过按导航选项卡将令牌从地图组件传递到列表组件。我不能像以前那样通过 props.navigation.replace/navigate 或类似的东西传递它。

也许有人可以帮助我找到一种在一个标签屏幕之间传递数据到另一个标签屏幕的正确方法?谢谢!

0 投票
3 回答
123 浏览

javascript - React Native,在选项卡导航器中按下选项卡时如何将参数传递到屏幕?

我有一个使用堆栈导航器的功能,其中有一个嵌套的选项卡导航器。在“ConnectScreen”上获得代码后,我想将代码传递给选项卡导航器内的“FeedScreen”。该代码可作为 Home 函数中的 route.params.code 访问。然后我想将代码传递给 FeedScreen。

0 投票
1 回答
312 浏览

javascript - React native expo:选项卡导航器设置初始屏幕

代码来自 App.js。我稍后会添加图标

我希望将登录屏幕作为用户打开应用程序时显示的第一个屏幕。当用户按下登录按钮时,它应该像现在一样打开。此外,loginScreen 不应显示在选项卡导航器上。

谢谢您的帮助

0 投票
2 回答
803 浏览

react-native - 键盘打开时隐藏标签栏反应本机

我想在我的键盘打开时在屏幕上隐藏我的 tabBar。我已经尝试更改我的 AndroidManifest.xml 文件。通过更改android:windowSoftInputMode="adjustResize">android:windowSoftInputMode="adjustPan">的屏幕 tabBar 在键盘打开时隐藏但问题是我现在我的文本输入与我的键盘重叠并且我也尝试过 KeyboardAvoidingView 但它不起作用,因为当您更改 XML 文件时,它也会影响您的其他应用程序组件。所以请告诉我如何在键盘打开时隐藏我的 tabBar 而不更改我的 XML 文件。

0 投票
2 回答
1866 浏览

react-native - React Navigation 5:在 React native 中的不同堆栈导航器之间切换

我在消化官方文档时遇到了困难,并且我一直在寻找在不同堆栈导航器之间移动的解决方案。我提供了我当前的实现和代码片段来更好地解释我的问题。

我有一个底部选项卡导航器和 2 个堆栈导航器来处理不同的用例。

我在其中创建了多个堆栈导航器并在StackNavigation.js其中渲染了每个 StackNavigatorBottomNavigation.js

正如我所说,我正在渲染选项卡导航器中的每个导航器以在屏幕之间切换。

我在 app.js 和 NavigationContainer 中渲染它。我创建了具有登录和注册屏幕的 AuthStackNavigation.js。

所以目前,我正在显示带有一些公共内容的主屏幕,用户可以使用链接到不同屏幕的底部选项卡导航器切换到不同的屏幕。当用户单击配置文件选项卡时,我会显示一个登录按钮,该按钮应将用户带到具有登录和注册屏幕的AuthStackNavigation.js 。提前致谢!

0 投票
0 回答
314 浏览

reactjs - React native:标签栏按钮“OnPress”在标签栏范围之外不起作用

在此处输入图像描述

如您所见,从所附图片中:

1 个箭头:标签栏按钮在此范围之外不起作用

2 箭头:标签栏按钮确​​实可以工作,因为它在标签栏的范围内。

导航容器中的代码:

有什么方法可以使按钮在标签栏范围之外运行?

0 投票
1 回答
183 浏览

react-native - react-navigation:标签导航上方的标题

我试图让下图中的食谱标题显示在选项卡导航器上方(下图中的主页和设置)。目前我在堆栈导航器中有标签导航器。在堆栈导航器上,我定义了一个标题和 headerTitle,但都没有显示。我怎样才能得到上面的标题?谢谢!

这是它目前的样子: 在此处输入图像描述

我想实现类似的东西:

在此处输入图像描述

这是我的堆栈导航代码:

这是我的标签导航代码:

0 投票
0 回答
48 浏览

react-native - 从底部单击时如何使抽屉从右侧滑动

我想从右向左滑动并在底部导航中制作菜单选项卡......这是我的代码


我正在查看当前的屏幕截图 ==第一个屏幕截图 第二个屏幕截图

在当前的第二个屏幕截图中,当我按下菜单选项卡时,它没有打开抽屉屏幕,它是从顶部菜单按钮打开的......如何让它从底部菜单选项卡打开......

0 投票
1 回答
150 浏览

react-native - 用按钮反应本机打开抽屉

我有一个带有一些屏幕的抽屉导航器。其中一个屏幕是 TabNavigator。现在我想实现一个 HamburgerMenu-Button 来打开所有 Tab-Navigator 屏幕中的抽屉。

我在哪里实现该按钮?在 TabNavigator 或其子屏幕或抽屉屏幕中?

以下是一些代码片段:

抽屉导航器:

标签导航器:

TabNavigator 中的单个屏幕:

任何帮助表示赞赏。

0 投票
2 回答
464 浏览

javascript - Expo选项卡导航和堆栈导航

嗨,我正在尝试在用户登录时添加选项卡导航,并在用户未登录时添加堆栈导航。所以我写了一个逻辑,但我不知道为什么会出错。请帮帮我。

我只想在用户成功登录时显示选项卡导航我使用 Nodejs 后端和 Mongodb 作为数据库。

这是我的 AppNavigator 文件。

应用导航器.js

这是我的 App.js 文件

应用程序.js

我有自己的 LoadingScreen 文件

加载屏幕.js