问题标签 [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.
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)...'附近)
为什么标签导航器不起作用?
注意:如果我用堆栈导航器替换选项卡导航器的所有实例,错误就会消失。但我需要一个标签导航器,而不是堆栈导航器
react-native - 反应导航常量文件获取参数
我是 React Native 的新手,我正在尝试使用选项卡导航创建应用程序,但我找不到从 const TabNavigation 组件的上一页(我正在使用 StackNavigator)获取参数的方法。这是我的代码:
我正在尝试这样做,但这会导致应用程序无法从 Page1 或 Page2 内部导航到其他页面
谢谢你。
react-native - 如何在本机反应中设置标签栏的样式?
有人可以帮助解决这个问题吗?我使用了 react native 0.54.0,react-native-navigation,我在 android 设备上使用它,谢谢。
这是标签栏导航器中标签栏的代码......
这是选项卡选项的代码,现在有人提前感谢我`{ tabBarPosition:“bottom”,
}`
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:
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”。任何帮助,将不胜感激。
及其其他类:
}
react-native - React Native:使用 Detox 按下标签
我正在用 Detox 为我的 react native 应用程序编写自动化测试。我的应用程序的主屏幕有一个 TabNavigator 组件。
我怎样才能到达排毒测试中的某些特定选项卡?我可以在 TabNavigator 中为选项卡设置 testID 吗?
任何帮助将不胜感激
reactjs - 选择选项卡时重新渲染组件
我正在使用来自 react-navigation 的 TabNavigator 来浏览 3 个组件。我的 TabNavigator 组件如下所示:
我想重新渲染我的 NewWordToWalkOn 组件中的内容,当它被按下/标签时。我想重新渲染的代码是 NewWordToWalkOn 组件中 componentDidMount() 方法中的内容。
任何建议如何重新渲染?
reactjs - 更改屏幕 react-native 的标题
我正在使用 react-native-tab-navigator:
https://github.com/happypancake/react-native-tab-navigator
我的屏幕配置如下:
更改选项卡时需要更改主屏幕的标题。现在它被固定在主页上,我尝试的任何东西似乎都不成功。
在此先感谢您的帮助。
react-native-android - tabnavigator tab press 或 tab swipe react-navigation 的回调
有没有办法通过 TabPress /Tab Swipe 事件在每个 TAB 开关上调用函数。
对于 tabPress,我在 TabNavigator的navigationOptions中尝试了 tabBarOnPress,它工作正常。但是如果我在不同的选项卡之间滑动,它不会被调用。
如果有人对 react-navigation 的 tabnavigator 中的“ tabBarOnSwipe ”之类的事件有任何想法,请告诉我。
android - React Native - Stack Navigation 和 TabNavigation(路由的组件必须是 React 组件)
我正在尝试制作一个可以导航到 TabNavigator 的 StackNavigator。但是有一个错误说;“ route 的组件必须是 React 组件”。
TabNav 不是文件夹,我只想在用户登录后调用它。这样,标签将显示我认为。而且,我只是按照教程来做这个。对不起,伙计们,我只是一个新手。
这是我的代码
应用程序.js