问题标签 [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 回答
594 浏览

react-native - TabNavigator 在 react-native 中不适用于 iOS

我无法让 TabNavigator 在 iOS 上运行,尽管它在 Android 上运行良好。这是我重现问题的步骤

打开终端窗口。

react-native init tabnav

cd tabnav

rm -rf node_modules

rm -rf package.json

rm -rf package-lock.json

然后我打开package.json并粘贴以下内容:

然后我打开App.js并粘贴内容:

然后我打开 Xcode 项目,清理并运行该项目。

然后我得到这个错误:

undefined 不是函数(在'...(0,_reactNavigation.TabNavigator)...'附近)

为什么标签导航器不起作用?


注意:如果我用堆栈导航器替换选项卡导航器的所有实例,错误就会消失。但我需要一个标签导航器,而不是堆栈导航器

0 投票
1 回答
377 浏览

react-native - 反应导航常量文件获取参数

我是 React Native 的新手,我正在尝试使用选项卡导航创建应用程序,但我找不到从 const TabNavigation 组件的上一页(我正在使用 StackNavigator)获取参数的方法。这是我的代码:

我正在尝试这样做,但这会导致应用程序无法从 Page1 或 Page2 内部导航到其他页面

谢谢你。

0 投票
0 回答
4613 浏览

react-native - 如何在本机反应中设置标签栏的样式?

在此处输入图像描述

有人可以帮助解决这个问题吗?我使用了 react native 0.54.0,react-native-navigation,我在 android 设备上使用它,谢谢。

这是标签栏导航器中标签栏的代码......

这是选项卡选项的代码,现在有人提前感谢我`{ tabBarPosition:“bottom”,

}`

0 投票
4 回答
7414 浏览

react-native - TabNavigator 是否已弃用?

当我用...运行模拟器时

...我在终端中看到一条消息“TabNavigator 已弃用。请使用 createBottomTabNavigator ...”

但是,我不认为 TabNavigator 已被弃用,并且我认为 createBottomTabNavigator 通常不存在于网络上或现实中。除此之外,一切都很好!除了我无法运行我的应用程序。因为我收到这个红屏错误,表明 React Navigation 有问题:

附加上下文:这些问题在我弹出一个 expo 应用程序后开始出现,然后尝试通过创建一个新应用程序 (create-react-native-app) 并将我的自定义代码移动到新应用程序,来自退出之前的 git 提交。我还必须在模拟器中更新 Expo 客户端。我不确定这是否是相关信息,但在我弹出之前,我没有看到这条提示 TabNavigator 已弃用的消息。

React Navigation 文档没有表明 TabNavigator 可能已被弃用: https ://reactnavigation.org/docs/tab-based-navigation.html

以下是终端输出,其中包含一条消息,指示不推荐使用 TabNavigator:

终端输出显示 TabNavigator 已弃用

0 投票
1 回答
390 浏览

react-native - 选择选项卡时打开 pupop 反应原生

i'm new to react native and i want to have a tabNavigator that when 'Other' tab is selected a popup shows up . 它是我的代码,但它无法识别“ModalExample”类中的“this”。任何帮助,将不胜感激。

及其其他类:

}

0 投票
1 回答
809 浏览

react-native - React Native:使用 Detox 按下标签

我正在用 Detox 为我的 react native 应用程序编写自动化测试。我的应用程序的主屏幕有一个 TabNavigator 组件。

我怎样才能到达排毒测试中的某些特定选项卡?我可以在 TabNavigator 中为选项卡设置 testID 吗?

任何帮助将不胜感激

0 投票
1 回答
2318 浏览

reactjs - 选择选项卡时重新渲染组件

我正在使用来自 react-navigation 的 TabNavigator 来浏览 3 个组件。我的 TabNavigator 组件如下所示:

我想重新渲染我的 NewWordToWalkOn 组件中的内容,当它被按下/标签时。我想重新渲染的代码是 NewWordToWalkOn 组件中 componentDidMount() 方法中的内容。

任何建议如何重新渲染?

0 投票
1 回答
891 浏览

reactjs - 更改屏幕 react-native 的标题

我正在使用 react-native-tab-navigator:

https://github.com/happypancake/react-native-tab-navigator

我的屏幕配置如下:

更改选项卡时需要更改主屏幕的标题。现在它被固定在主页上,我尝试的任何东西似乎都不成功。

在此先感谢您的帮助。

0 投票
0 回答
314 浏览

react-native-android - tabnavigator tab press 或 tab swipe react-navigation 的回调

有没有办法通过 TabPress /Tab Swipe 事件在每个 TAB 开关上调用函数。

对于 tabPress,我在 TabNavigator的navigationOptions中尝试了 tabBarOnPress,它工作正常。但是如果我在不同的选项卡之间滑动,它不会被调用。

如果有人对 react-navigation 的 tabnavigator 中的“ tabBarOnSwipe ”之类的事件有任何想法,请告诉我。

0 投票
3 回答
829 浏览

android - React Native - Stack Navigation 和 TabNavigation(路由的组件必须是 React 组件)

我正在尝试制作一个可以导航到 TabNavigator 的 StackNavigator。但是有一个错误说;“ route 的组件必须是 React 组件”。

TabNav 不是文件夹,我只想在用户登录后调用它。这样,标签将显示我认为。而且,我只是按照教程来做这个。对不起,伙计们,我只是一个新手。

截屏

这是我的代码

应用程序.js