React Native底部选项卡导航器。tabBarButton：() => {}选项不起作用
React Native底部选项卡导航器是一种用于创建底部导航栏的组件，它可以在React Native应用中实现底部导航功能。通过底部选项卡导航器，用户可以在不同的页面之间进行切换，并且可以在底部导航栏上显示相应的图标和标签。
React Native底部选项卡导航器的主要组成部分是tabBarButton属性。tabBarButton属性是一个函数，用于自定义底部导航栏中每个选项卡的外观和行为。通过tabBarButton属性，我们可以自定义选项卡的图标、标签、样式以及点击事件等。
然而，在某些情况下，tabBarButton：() => {}选项可能不起作用。这可能是由于以下原因之一：
- 语法错误：请确保在使用tabBarButton属性时，语法是正确的，并且没有任何拼写错误或其他语法错误。
- 版本兼容性：不同版本的React Native可能对tabBarButton属性的支持有所不同。请确保你正在使用的React Native版本支持tabBarButton属性。可以查阅React Native官方文档或社区资源来获取更多关于版本兼容性的信息。
- 组件配置错误：请检查底部选项卡导航器的配置是否正确。确保你已正确设置了tabBarButton属性，并将其传递给底部选项卡导航器组件。
如果tabBarButton：() => {}选项仍然不起作用，你可以尝试以下解决方法：
- 使用其他属性：底部选项卡导航器可能还提供其他属性来自定义选项卡的外观和行为。你可以查阅相关文档或资源，了解其他可用的属性，并尝试使用它们来实现你的需求。
- 自定义组件：如果底部选项卡导航器的属性无法满足你的需求，你可以考虑自定义一个底部导航栏组件。通过自定义组件，你可以完全控制底部导航栏的外观和行为，并实现所需的功能。
总结起来，React Native底部选项卡导航器是一个用于创建底部导航栏的组件，通过tabBarButton属性可以自定义选项卡的外观和行为。如果tabBarButton：() => {}选项不起作用，可以尝试检查语法错误、版本兼容性、组件配置错误，并考虑使用其他属性或自定义组件来解决问题。
相关·内容
我正在尝试编写逻辑，以便在react-nativation (v5)的底部选项卡导航中显示/隐藏我的选项卡。
我使用tabBarButton属性实现了这一点，但是由于某种原因，我失去了所有的样式，它们都集中在左边。
下面是我的底部标签导航器的代码：
const Tab = createBottomTabNavigator();
<NavigationContainer>
<Tab.Navigator screenOptions={({ route }) => ({
tabBarButton: (props) => {
if (route.
浏览 0提问于2020-07-16得票数 0
我们的应用程序的功能是在主屏幕中显示底部的tabBar，并在用户导航到另一个屏幕时隐藏它(更改堆栈)，但是在从v3迁移到v4之后，安卓应用在打开屏幕时速度更慢，关闭屏幕的转换也比较慢，而且显然每次我导航到堆栈时，都会显示底部选项卡导航中存在的所有堆栈导航，即使没有导航到它。更糟糕的是，在制作应用程序有5个标签，并有一些动画在开幕。
如何解决这个动画片的跳跃问题呢？
在29 - Android 10上进行了测试。同样的问题也发生在Moto G7 Play，Android 10上。
以下是导航代码：
import React from 'react';
import {
浏览 1提问于2020-08-26得票数 0
回答已采纳
1回答
我在自己的react本机应用程序中有一个底部选项卡，当我试图在选项卡导航器上编辑tabBarStyle时，它不起作用。出于某种原因，它只在我的三个标签中的一个上工作。
只有“帮助”选项卡遵循所需的设计，而“测试”选项卡仍然是默认的。我已经尝试了所有的解决方案，只是添加，确保我使用的是screenOptions和tabBarStyle，而不是样式。
const Tab = createBottomTabNavigator();
const AppNavigator = () => {
return (
<Tab.Navigator
screenOptions={
浏览 10提问于2022-06-09得票数 0
我想在底部堆栈导航器中添加一个组件(比如"Autobus")，这样它将接收"navigation“参数，并且我将能够导航到"Autobus”组件- navigation.navigate('Autbous')。但是，我不想在"Tab.Navigator“中实际显示"Autobus”组件。
我有以下代码：
import React from 'react'
import { Ionicons } from '@expo/vector-icons'
import { StyleSheet, View,
浏览 4提问于2021-12-13得票数 0
回答已采纳
1回答
React本机底部选项卡导航器
、、、、
我有一个问题，与React Native中的底部选项卡导航器连接。 假设我有6个屏幕，并且我想在底部的选项卡导航器中只显示5个屏幕。 <Screen
name='Home'
component={Home}
options={{
tabBarIcon: ({ focused }) => getTabIcon({ focused, source: walletIcon }),
}}
/> 和这些一样，还有其他4个屏幕。 我还有另一个屏幕，我不想在Navigator中显示它，它看起来像这样。 <Screen
name='
浏览 16提问于2021-04-08得票数 0
回答已采纳
2回答
我试图在我的应用程序中实现BottomTabNavigator。在输出中，底部选项卡出现在屏幕的顶部，而不是底部。
请帮助我识别错误。
App.js
import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
import PassengerScreen
浏览 1提问于2021-04-17得票数 1
3回答
我有一个底部的选项卡栏，位于app.js中。我有一个类，我想在其中隐藏底部的栏。在页面home.js中，我有两个类。第一个是main (文章列表)，第二个是按钮页面导航(在这个类中我显示文章)。如何在第二页(显示文章的位置)隐藏底部选项卡导航。我尝试过tabBarVisible: false，但这不起作用。请帮帮我。代码： // app.js
const TabNavigator = createBottomTabNavigator({
Home:{
screen:Home,
navigationOptions:{
tabBarLabel:'Гла
浏览 27提问于2019-06-06得票数 0
我想在底部选项卡的顶部添加一行，如何添加？就像这个问题https://github.com/react-navigation/react-navigation/issues/8957 React导航版本： "@react-navigation/bottom-tabs": "^5.9.2",
"@react-navigation/native": "^5.7.6",
"@react-navigation/stack": "^5.9.3",
"react": "16.13.1&
浏览 10提问于2020-10-16得票数 0
回答已采纳
我已经分析了我的应用程序的需求，并决定我可以在web上使用移动友好的组件更有效地开发它，并在应用程序中通过web视图呈现它。
我需要权限才能访问相机和图库(拍摄照片/视频，上传照片/视频)。
基本上，一个带有webview的单屏应用程序显示了具有移动友好组件和上述权限的站点。
这是我当前的app.js：
import React from 'react';
import { Button, Text, View, TouchableOpacity, StyleSheet } from 'react-native';
import Ionicons from &#
浏览 11提问于2019-07-12得票数 0
我在我的反应本机应用程序中使用@react-navigation/material-bottom-tabs。如何增加图标之间的空间，并根据设备的宽度对齐它们。
react-native: 0.62.1 @react-navigation/native: ^5.1.5 @react-navigation/material-bottom-tabs: ^5.1.8
电流行为
更多的空间是左右的底部标签栏，我不能对齐空间之间的图标。示例
期望行为
我使用的材料-底部标签，我想增加空间之间的一个图标和另一个图标在材料底部标签(或)对齐图标空间平等。
浏览 2提问于2020-04-12得票数 1
3回答
我正在开发一个移动应用程序，需要你的帮助。我想在"auth“路径名中隐藏底部选项卡条。我尝试过几种方法，从堆栈溢出和谷歌，但它没有工作。我的守则：
/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* @format
* @flow strict-local
*/
import React from 'react';
import {View} from 'react-native';
import Auth from './view
浏览 17提问于2022-09-17得票数 0
我正在使用React Native创建一个应用程序。我使用的是React导航。这是当前项目。
但我想从底部打开一个模型。我想隐藏选项卡栏。请告诉我怎么做。
当前项目屏幕：
浏览 19提问于2020-02-17得票数 1
我正在创建一个反应本地应用程序，在那里我使用底部标签抽屉，如在附加的图像。在这个应用程序中，我只注册了四个屏幕，我有多个屏幕，比如30或40个屏幕，我不能将它们全部注册在底部的选项卡抽屉中，所以我只想要四个屏幕，在每个屏幕中我需要多个屏幕。
现在让我们从配置文件屏幕开始，在我的配置文件屏幕上，我给出了一个按钮寄存器，它会移动我注册屏幕，但是当我点击它时，它会显示
The action 'JUMP_TO' with payload {"name":"RegisterScreen"} was not handled by any navigator.
浏览 15提问于2021-12-29得票数 -1
回答已采纳
我使用的是react导航("@react-navigation/native": "^5.1.3")，我有以下设置：
BottomNavigation
-stack1
-stack2
看起来goBack()在堆栈中是本地的。这意味着，如果我从stack1中的一个页面导航到stack2中的一个页面，那么我就无法浏览我从它得到的页面。
解决方案(或者更确切地说是黑客攻击)对我不起作用：
将源屏幕作为param传递，然后导航。这不是一个真正的后退按钮，也不能很好地使用android按钮。将所有页面放在底部导航中。底部导航似乎没有动画，所以我无法在堆栈导
浏览 1提问于2020-05-19得票数 0
我有一个最困难的时间，试图找出如何保持底部标签在任何时候。
抽屉里有三件物品：
选项卡
屏幕5
屏幕6
当点击屏幕5或屏幕6，我想保持底部的标签。我该如何做到这一点？请帮帮忙。
import React from 'react';
import { Platform } from 'react-native';
import { Text, View, StyleSheet } from 'react-native';
import { HeaderButtons, Item } from 'react-nav
浏览 6提问于2020-02-08得票数 3
2回答
如果你帮我，我会很高兴的。我正在使移动应用程序与反应原生。在这个应用中，我使用的是react导航。我有一个包含底部选项卡导航代码的文件app.js - home.js。在home.js中，我有两个类。1个类是主类，第二个类用于按钮导航。当我导航到第二页(第二类)时，我想隐藏底部选项卡导航，.I尝试了tabBarVisible: false，但这不起作用。请帮帮我。代码： // app.js
const TabNavigator = createBottomTabNavigator({
Home:{
screen:Home,
navigationOptions:{
浏览 26提问于2019-06-06得票数 0
回答已采纳
1回答
嗨，我正在创建一个带有react原生的应用程序，我正在为菜单使用app导航，但是我发现了一个问题，现在当我创建带有底部选项卡的菜单时，也创建了一个标题，由于这个原因，它给了我一个问题，我想知道如何解决这个问题或者消除标题。
mi码是
import * as React from 'react';
import { Button, Text, View } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { cr
浏览 2提问于2021-08-06得票数 1
回答已采纳
在我的app.routes.js中，我创建了一个有三条路由的BottomTabNavigator，但其中一条(CreateAccessForm)希望将其隐藏在底部选项卡中，用户将只能通过其他屏幕上的一个按钮访问该路由。在我的Tab.Screen中，我试图将以下对象隐藏起来，但没有工作：
options={{
tabBarVisible: false,
tabBarButton: (props) => null,
}}
app.routes.js：
import React from 'react';
import Home from &#
浏览 15提问于2022-09-01得票数 0
回答已采纳
我在这里遵循这个教程：
教程中的人正在使用TabNavigator，但这不再是正确的方法，所以我改用createBottomNavigator。
下面是我的MainScreen组件代码
import React from 'react';
import {
View,
Text,
StyleSheet
} from 'react-native';
import ProfileTab from './AppTabNavigator/ProfileTab'
import LikesTab from './AppTab
浏览 9提问于2018-07-21得票数 0
1回答
我使用Stack导航和底部Tab导航在我的应用程序中导航
堆栈导航基本上是这样设置的：
WelcomeScreen -> SignInScreen <-> SignUpScreen -> HomeScreen
现在，我想使用底部标签导航在HomeScreen和MyGamesScreen之间导航
HomeScreen <-> MyGamesScreen
我想要显示底部Tab导航器的唯一屏幕是HomeScreen和MyGamesScreen。
我尝试了几个教程，最后一次尝试是查看上的文档页面，但它对我不起作用。我要么让底部的Tab导航器显示在所有页面中，要么没有
浏览 3提问于2020-08-11得票数 0
回答已采纳
我遵循了使用react导航v5 ("@ react-navigation /native"："^5.2.3")创建底部选项卡导航的文档。 目前在我的项目中部分使用了来自docs https://reactnavigation.org/docs/bottom-tab-navigator/的这个例子，以满足版本5的需要。 下面是一个例子 // Navigation.tsx import { BottomTabBarProps } from '@react-navigation/bottom-tabs';
import { TabActions }
浏览 22提问于2020-07-03得票数 2
我正在构建一个具有以下依赖性的应用程序：
"dependencies": {
"@react-navigation/bottom-tabs": "^5.8.0",
"@react-navigation/compat": "^5.2.5",
"@react-navigation/material-bottom-tabs": "^5.2.16",
"@react-navigation/material-top-tabs": "^5.
浏览 1提问于2020-08-12得票数 9
回答已采纳
我的应用程序中有一个materialTopTabNavigator，其中一个屏幕需要在屏幕的一部分(例如，从屏幕底部到从底部到200 )启用选项卡之间的滑动手势。我想我应该能够用materialTopTabNavigator的gestureHandlerProps属性来做这件事，但是它似乎不能工作。这个属性允许你将属性传递给底层的PanGestureHandler。下面是我作为gestureHandlerProps传递的内容和指向PanGestureHandler文档的链接： gestureHandlerProps={{
maxPointers:
浏览 16提问于2020-10-08得票数 1
回答已采纳
我正在创建一个小应用程序，其中有一个待办事项清单和日历。底部是一个底部标签导航器。但是，当我试图在style: {}中添加tabBarOptions时，它并没有被应用。更改activeTintColor、inactiveTintColor和labelStyle效果很好。
我试图创建一个样式表并替换tabBarOptions中的所有内容，但这是行不通的。我的主要目标是在屏幕底部创建一个稍大一点的条形图。我甚至不想要一个疯狂的自定义导航条，只是稍微大一点，这样我就可以让里面的东西再大一点。
MainContainer类：
import React from 'react';
imp
浏览 9提问于2022-02-10得票数 1
1回答
我使用的反应导航标签导航和反应本机材料底部导航，它目前从一个屏幕刷到一个屏幕。我将如何使它从一个屏幕淡出到另一个屏幕，就像“材料设计指南”建议的那样。
Router.js
import React from 'react';
import { TabNavigator, StackNavigator, NavigationActions } from 'react-navigation';
import { NavigationComponent } from 'react-native-material-bottom-navigation'
浏览 3提问于2017-08-09得票数 9
回答已采纳
1回答
描述
在将本地版本升级到0-62.2之后，我遇到了许多问题。这是以下问题之一：
--我以这一页为参考，编辑了它
React原生版本：
反应-本机-cli: 2.0.1
反应-原生: 0.62.2
**Expected Results**
clang: error: linker command failed with exit code 1 (use -v to see invocation)
ld: library not found for -lRCTAnimation
warning: The iOS Simulator deployment target 'IPHONEOS_
浏览 2提问于2020-04-27得票数 2
回答已采纳
这是容器文件。在这里，我已经为底部导航定义了所有必需的细节，它在屏幕顶部呈现，但应该在屏幕底部呈现。
import { NavigationContainer } from "@react-navigation/native";
import MaterialCommunityIcons from "react-native-vector-icons/MaterialCommunityIcons";
import HomeScreen from "./Fragments/HomeScreen";
import WalletScreen from
浏览 9提问于2022-03-22得票数 0
回答已采纳
2回答
我正在开发一个应用程序，其中有底部标签导航。为了实现这一点，我使用了react-navigation-material-bottom-tabs，它运行得非常好。就像我有3个屏幕，比如说主页，配置文件和在底部的标签导航。但是在主屏幕上，我有多个屏幕流要实现。为此，我使用了Stack Navigator，它也工作得很好。因此，我的应用程序流就像Home-> Screen1-> Screen2-> Screen3一样，我面临的问题是，假设我在Screen3上，然后从底部导航切换到配置文件屏幕，然后再切换到主屏幕。
我应该能在那里看到主屏幕，但目前它显示的是Screen3
以
浏览 5提问于2021-06-22得票数 0
3回答
我正在尝试实现类似Instagram的导航
我在App.js中有一个按钮选项卡导航
import React from 'react';
import { StyleSheet, Text, View, Image } from 'react-native';
import { createAppContainer, createBottomTabNavigator} from 'react-navigation';
import Ionicons from 'react-native-vector-icons/Ionicons'
浏览 3提问于2019-02-13得票数 0
我的主屏幕上有一个顶部和底部的条。我想做的是我有一个对象，叫它routeNames.js。我要房间名称作为我的顶级酒吧导航员，房间项目(笔记本电脑，电视等)作为底部酒吧导航。
我只是在不使用routeNames.js数据的情况下这样做，但我想通过使用这些数据来完成它，并创建导航器。另一个问题是如何在底部导航器中有更大的图标？现在它看起来太小了
下面是我的项目现在的样子：
HomeScreen.js
import React from "react";
import { Text, View } from "react-native";
import ro
浏览 3提问于2021-05-06得票数 0
回答已采纳
我的标签里有bottomTabNavigator，每个标签里面都有堆栈。每当我单击另一个选项卡时，我都想重置堆栈。 选项卡导航器- 选项卡1- |_Stack导航器 - Screen 1
- Screen 2 选项卡2- |_Stack导航器 - Screen 3
- Screen 4 选项卡3- |_Stack导航器 - Screen 5
- Screen 6 目前的情况是，。假设我在选项卡1上-我从屏幕1导航到屏幕2。
浏览 16提问于2020-04-03得票数 0
回答已采纳
我目前正在使用React Native Navigation来增强react原生应用程序中的导航功能。
为了解释问题，我有两个屏幕，一个用于主页，另一个用于搜索屏幕，对于搜索屏幕，有从左到右的导航元素，允许您在应用程序中进一步移动。对于主屏幕，可以将其视为不需要导航元素的闪屏。它上面有两个按钮，允许用户在应用程序中移动。
现在。我的问题是。在主屏幕上，导航是隐藏的。
HomeScreen.options = {
bottomTabs: {
visible: false
},
topBar: {
浏览 0提问于2021-06-02得票数 2
1回答
我已经创建了一个具有4个选项卡导航屏幕的导航器-> home、Search、Upload和Library；我还创建了堆栈导航屏幕，如注册、登录、家庭选项卡和视频。现在，我想从上传屏幕上删除下面的选项卡栏，但不确定它是否可行？
下面是我所写的确切代码：
import React from 'react';
import 'react-native-gesture-handler';
import {StatusBar} from 'react-native';
import {NavigationContainer, DarkTheme} f
浏览 1提问于2020-09-01得票数 0
回答已采纳
8回答
从堆栈导航器反应导航5隐藏标签栏
、、、、
我想知道如何将底部选项卡条隐藏在我的堆栈导航器中的特定屏幕中，该屏幕嵌套在物质底部选项卡栏上。
这是我的堆栈导航器的代码
import React from 'react';
import { createStackNavigator } from '@react-navigation/stack';
import PondScreen from '../screens/PondScreen/PondScreen';
import PondDetailScreen from '../screens/PondScreen/PondDetai
浏览 10提问于2020-02-11得票数 27
回答已采纳
我想走出顶部选项卡导航，但它无法导航。它给出了一个错误，任何导航器都没有处理有效负载为{"name":"LoginPage"}的操作'NAVIGATE‘。
你有一个名为“LoginPage”的屏幕吗？
如果尝试在嵌套导航器中导航到屏幕，请参见
我也使用嵌套导航，但不是work。我的屏幕在下面
顶部选项卡导航屏幕
import * as React from 'react';
import { Text, View } from 'react-native';
import { NavigationContainer } f
浏览 23提问于2020-11-12得票数 1
回答已采纳
我的底部标签导航有问题。这是屏幕结构：
主标签：
选项卡A
屏幕A1
- Tab B
- Screen B1
- Screen B2
我可以从屏幕A1导航到屏幕B2 (更改选项卡)。我可以从屏幕B1导航到屏幕B2。
以下是示例代码：
import React from "react";
import { StyleSheet, View, Text, Button } from "react-native";
import { NavigationContainer } from "@react-nav
浏览 8提问于2022-06-09得票数 1
回答已采纳
我正在尝试建立一个底部导航栏，一切工作，但导航栏不显示。我对原生的反应也有些陌生。我觉得问题出在导出默认设置上，因为它没有将对象作为应用程序注册表。
其他文件也可以工作，就像没有错误但导航栏不显示一样
import React, { Component } from "react";
import { AppRegistry, Text, View, StyleSheet } from "react-native";
import Icon from "react-native-vector-icons/FontAwesome";
import
浏览 9提问于2018-12-17得票数 2
因此，我正在研究React导航v5 ()，我似乎不知道如何同时拥有一个选项卡导航器和一个堆栈导航器。
//react-native-gesture-handler at top according to reactnavigation.org/docs/
import 'react-native-gesture-handler';
import * as React from 'react';
import { View, Text } from 'react-native';
//npm packages
import { Navigatio
浏览 1提问于2020-05-29得票数 0
回答已采纳
我有一个应用程序，其中只包括导航包。在IOS上，一切都很好，但在Android上，标题和/或底部的选项卡似乎是跳跃的(可能是重新计算它们的位置)。只有当我使用导航组件和应用程序刚刚启动时才会发生这种情况。有没有人面临同样的问题？
提前谢谢。
包：
"@react-native-community/masked-view": "^0.1.10",
"@react-navigation/bottom-tabs": "^5.6.1",
"@react-navigation/native": "^5.6
浏览 7提问于2020-07-03得票数 19
我正在使用StackNavigator加载一个用App.js中的react-native-tab-navigator创建的标签栏。我在Tabbar中有一个视图。如何从该视图导航回App.js？
App.js
import { StackNavigator } from 'react-navigation';
const SigninSignup = StackNavigator({
Signup: { screen: Signup },
Signin: { screen: Signin },
});
render() {
if (this.stat
浏览 6提问于2017-12-20得票数 0
回答已采纳
当我听到使用native navigation in React-Navigation的可能性时，我很兴奋。然而，在respective blog post中，它只谈到了本机堆栈导航。我们使用的是bottomTabNavigation，所以我想知道在使用选项卡导航时，使用react-native-screens是否也有用？
浏览 36提问于2020-03-26得票数 0
回答已采纳
我正在尝试创建一个底部标签导航器，它将加载到移动浏览器中。我只知道如何在React-Native中使用react导航的。我不知道浏览器的ReactJS应该使用什么。
浏览 2提问于2019-12-05得票数 1
1回答
如何更改组件中带有按钮的制表符
、、、、
最初的免责声明，我是第一次接触react/react-native和Expo，所以我的代码目前还不是最好的。 所以，我有一个带有按钮的类组件，它在我的应用程序中的两个不同的屏幕上使用，我想要那个按钮来更改当前的选项卡。 在我的App.js中，我创建了一个底部的选项卡栏，如下所示： import * as React from 'react';
import { Text, View, StyleSheet, ActivityIndicator } from 'react-native';
import { NavigationContainer } from
浏览 18提问于2020-07-20得票数 0
回答已采纳
我试图将堆栈和选项卡都添加到这里的视图中，但是在顶部显示了两个选项卡。我在任何地方都找不到解决方案，因为我想打开另一个不在选项卡导航中的屏幕，例如:当我单击Person按钮时，我需要打开不在选项卡导航中的详细信息屏幕。
如果您看到上面的图像im变得与我单击Profile时相同，则它的显示
人物
人物
在顶端
这是我的密码
import React from 'react';
import { Text, View, Dimensions } from 'react-native';
import { NavigationContainer } from
浏览 2提问于2022-02-05得票数 0
问题：
我创建了一个react本机应用程序。在这里，我使用了反应性本机堆栈导航器和底部标签导航器。看上去就是这样。
这就是我的应用程序的样子。
我想要做的是删除被圈的标题栏和绿色在底部标签上圈线。
这是我的app.js文件。
import React from "react";
import Login from "./src/components/Login/Login";
import Register from "./src/components/Register/Register";
import Route from './s
浏览 3提问于2019-09-26得票数 0
回答已采纳
我正在尝试使用react-native-navigation.构建一个新的react原生应用程序。更早的时候，我们有一个应用程序，它使用的是react本机导航的v2.x，我能够正确地使用导航，其中的notch和statusBar被导航正确地处理了。但是使用6.x版本，我无法隐藏statusBar，或者您可以说是在statusBar后面绘制。见下面的截图与旧的和新的应用。
下面是来自MainActivity的代码片段(在应用程序(旧的和新的)中都是相同的)。
public class MainActivity extends NavigationActivity {
@Override
浏览 3提问于2020-03-27得票数 3
我的应用程序使用以下this.props.navigation.navigate('AppMenu', {UserName: 'First Name'});从createSwitchNavigator调用createBottomTabNavigator createBottomTabNavigator由两个选项卡组成，一个是Stack Navigator，另一个是React组件。当我导航到Stack Navigator的initialRouteName时，传入的prop可用，但如果我选择tab Navigator的第二个选项卡，该prop不可用。
有没有一种方法
浏览 0提问于2019-02-06得票数 2
我使用的react-navigation与我的反应本机应用程序。我已经创建了一个底部选项卡导航器，并希望在我的屏幕上使用内置的标题。但是头部没有出现。没有错误或警告。
app.js：
const TabStack = createBottomTabNavigator({
Upload: {
screen: upload,
navigationOption: {
headerTitle: "Upload"
}
},
Profile: {
screen: profile,
navigationOption: {
浏览 0提问于2019-03-18得票数 7
回答已采纳
我有一个带有三个底部选项卡的导航容器，您可以切换：
import { NavigationContainer } from '@react-navigation/native';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
const Tab = createBottomTabNavigator();
const App: React.FC = () => {
return (
<NavigationContainer>
浏览 4提问于2022-06-11得票数 0
回答已采纳
如何显示底部选项卡，家庭，帐户，帐户，BooKlist，类别，底部标签，可见或隐藏在特定的屏幕上，AddScreen在反应本机。提前谢谢
浏览 4提问于2022-01-05得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
