将变量从堆栈传递到BottomTab导航器
可以通过以下步骤实现：
- 首先，确保你已经在应用程序中正确设置了堆栈导航器和底部选项卡导航器。这可以使用React Navigation或其他相关库完成。
- 在堆栈导航器中，创建一个新的堆栈屏幕，并将需要传递的变量作为参数传递给该屏幕。例如，你可以使用
screenProps属性将变量传递给堆栈屏幕，如下所示：
<Stack.Navigator>
<Stack.Screen
name="Home"
component={HomeScreen}
screenProps={{ variable: yourVariable }}
/>
</Stack.Navigator>- 在BottomTab导航器中，通过
screenOptions属性为每个选项卡设置自定义组件。在这些自定义组件中，你可以访问传递的变量并将其传递给相应的屏幕。例如：
<Tab.Navigator>
<Tab.Screen
name="Home"
component={HomeScreen}
options={{
tabBarIcon: ({ color }) => (
<Icon name="home" color={color} />
),
tabBarLabel: 'Home',
tabBarAccessibilityLabel: 'Home Tab',
}}
initialParams={{ variable: props.route.params.variable }}
/>
</Tab.Navigator>在上面的示例中，initialParams属性用于将变量从堆栈传递到底部选项卡导航器中的屏幕。
这样，你就可以在BottomTab导航器的屏幕中访问传递的变量，并在应用程序中使用它。
注意：以上示例中的代码是使用React Navigation v5编写的，具体实现可能因使用的导航库而有所不同。此外，腾讯云的相关产品和产品介绍链接地址可以根据实际需求和场景选择适合的产品进行使用，具体推荐的产品和链接地址需要根据具体情况进行选择。
相关·内容
1回答
当前行为 当我从主页(堆栈导航器)导航到其中一个页面时，它会传递变量。但是，当我从BottomTop导航器单击不同的页面时，它不会传递该变量。 预期行为 从BottomTap导航器中选择变量时，将变量从一个页面传递到另一个页面 代码 从堆栈( HomeScreen ) <TouchableOpacity
onPress={()=> this.props.navigation.navigate("Screen1", {loggedInUser: loggedInUser, Role: Role})}>
</TouchableOpacity> **我
浏览 27提问于2019-12-22得票数 0
我想知道如果标签集中并按下，如何重新设置BottomTabNavigator内部的堆栈。
，这是我到目前为止拥有的代码：
const Stack = createStackNavigator<MainStackParams>()
const BottomTab = createBottomTabNavigator<TabNavigatorParams>()
const navigationRef = React.useRef()
> Blockquote
<NavigationContainer ref={navigationRef}>
&
浏览 1提问于2020-03-03得票数 1
我在一个有一个堆栈导航和底部选项卡导航的应用程序上工作，我需要在第一个堆栈屏幕中显示底部选项卡栏，但在第二个屏幕中不显示。下面是我的导航代码：
const BottomTab = createBottomTabNavigator();
const BottomTabNavigator = () => {
return (
<NavigationContainer>
<BottomTab.Navigator>
<BottomTab.Screen name='StackNavigation' compon
浏览 6提问于2021-03-01得票数 1
回答已采纳
1回答
React导航6中的脱墨
、、、、
我的应用程序中有以下导航结构：
<NavigationContainer ref={navigationRef} linking={linking}>
<AppNavigator.Navigator>
<AppNavigator.Screen name={RouteNames.bottomTabNav} component={BottomTabNavigator} />
<AppNavigator.Screen name={RouteNames.mainStackNav} component={MainNavigator} />
浏览 2提问于2021-09-15得票数 1
2回答
导航到嵌套屏幕反应本机
、、、、
我有一个底部标签导航器，如下所示：
const Tab = BottomTabNavigator()
const BottomTab = () => (
<Tab.Navigator>
<Tab.Screen name = "Feed" component = {FeedNavigator}/>
<Tab.Screen name = "Profile" component = {Profile}/>
<Tab.Navigator>
)
提要组件是堆栈导航器，如下所示：
const
浏览 8提问于2022-05-25得票数 0
回答已采纳
我试着在我的应用程序的每个屏幕上显示底部的TabBar，但我还没有找到在RN V5中这样做的方法。 所以当我尝试像这样使用tabBarVisible时 <BottomTab.Navigator
lazy={false}
tabBar={props => <TabBar {...props} />}
screenOptions={({route}) => (
console.log('route', route), it's just log the five bottom co
浏览 15提问于2020-03-30得票数 0
因此，我一直在原生反应中胡乱摆弄，并注意到expo init命令现在引入了一个更新的基本代码库。im的问题是当我们在导航器组件的选项中使用hederShown属性时，标题没有隐藏。
import * as React from "react";
import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
import TabBarIcon from "../components/TabBarIcon";
import HomeScreen from "
浏览 97提问于2020-03-08得票数 1
回答已采纳
1回答
我目前正在构建我的第一个应用程序使用的反应-本机，我正在努力与正确的结构嵌套导航使用反应-本机导航。
我的应用程序应该可以使用Tab-bar导航。在那个标题栏的每个屏幕上，我可能需要一个堆栈导航。
App.js：
<NavigatonContainer>
<BottomTab.Navigator>
<BottomTab.Screen name="Screen1" component={Screen1}/>
<BottomTab.Screen name="Screen2" component={Scre
浏览 4提问于2022-07-07得票数 1
假设在本例中，：
<Stack.Screen name="Home" component={BottomTab}
options = {{title:'Home', headerShown: false}}
/>
<Stack.Screen name = 'Create' component={BottomTab}
options = {{title:'Create'}}
现在的问题是，"Create“屏幕包含与"Home”屏幕完全相同的内容，因为它们都有
浏览 3提问于2022-10-15得票数 0
我试图使底部选项卡隐藏时，我导航到消息室屏幕，我已经尝试使用模式，但不能得到它的工作.以下是我的代码，如果我得到一些帮助，我将不胜感激 这是我的根目录导航 return (
<NavigationContainer
theme={colorScheme === 'dark' ? DarkTheme : DefaultTheme}
>
<RootNavigator />
</NavigationContainer>
);
}
const Stack = createStackNavig
浏览 24提问于2020-12-08得票数 0
回答已采纳
1回答
创建具有两个屏幕产品的产品堆栈导航并签出
const ProductStack = createStackNavigator();
function ProductStackNavigation() {
return (
<ProductStack.Navigator initialRouteName="Product">
<ProductStack.Screen
name="Product"
options={{
浏览 4提问于2021-06-28得票数 1
3回答
我目前正在使用WillPopScope，以防止返回按钮后，我看了教程在youtube和阅读堆栈溢出的一些答案，路线是这样。我有登录屏幕和主屏幕。当我在主屏幕上时，当我从手机上点击“后退”按钮时，我想关闭我的应用程序，我尝试过使用WillPopScope，但当我单击“后退”按钮时，它总是将我导航到我的登录屏幕上，这样我的应用程序就会在我单击“后退”按钮时退出吗？这是我的代码，这是登录屏幕
class _LoginScreenState extends State<LoginScreen> {
postData() async {
SharedPreferences prefs =
浏览 0提问于2020-04-14得票数 0
回答已采纳
我正在将我的项目从react-navigation-v4升级到react-navigation-v5。我需要在将屏幕分成两半的同一屏幕中有两个顶部栏，但是通过这样做，我得到了以下错误：
错误:已为此容器注册了另一个导航器。您可能在一个“导航容器”或“屏幕”下有多个导航器。确保每个导航器都在单独的“屏幕”容器下。
我搜索了很多，我知道我可以筑巢，但如何利用它们在一起呢？
这是我的代码，给出了错误：
import React from 'react';
import { NavigationContainer } from '@react-navigation/na
浏览 9提问于2020-05-23得票数 3
回答已采纳
3回答
我试图从我的topTab导航导航到堆栈导航上的屏幕，但找不到绕过它的方法。我尝试使用navigation.getParent()，但是它抛出了这个错误TypeError: undefined is not an object (evaluating 'navigation.getParent().navigate')
下面是我要正确解释的代码：
<Stack.Navigator
screenOptions={{
headerShown: false,
}}
浏览 13提问于2021-11-04得票数 2
回答已采纳
电流行为
我的react本机应用程序由一个包含多个BottomTabNavigator的StackNavigators组成。我的结构的一个简化示例如下
userLoggedIn还是signinSkiped ? (
BottomTab
Stack Tab 1
- Screen 1
- Screen 2
Stack Tab 2
- Screen 1
- Screen 2
)：(堆叠
SigninScreen
RegisterScreen
)
**我的问题是：**
applicationI i登录到Tab 1的屏幕1上的 am，从Tab 1的屏幕1登录到按下按钮上的T
浏览 3提问于2022-03-26得票数 1
我正在寻找一种方法来删除我的react本机顶部选项卡栏中以红色圈出的空白区域。 ? 顶部选项卡栏位于堆栈导航器中，堆栈导航器是底部的选项卡导航器 const BottomTab = () => {
return (
<Tab.Navigator
style: { height: 55, borderTopWidth: 0, elevation: 0 },
}}
>
<Tab.Screen name="Home" component={Home} />
<Tab.
浏览 64提问于2021-08-15得票数 0
当我尝试将数据从登录屏幕传递到MyProfile屏幕时，我得到了未定义的值。
我很困惑，为什么我会得到未定义的值？
这是我的主要导航文件的代码。
route.js
import 'react-native-gesture-handler';
import * as React from 'react';
import { NavigationContainer, getFocusedRouteNameFromRoute } from '@react-navigation/native';
import { createStackNavigator
浏览 0提问于2021-03-10得票数 0
4回答
所以我有嵌套导航器
主BottomTab.Navigator
Profile 底部选项卡# 1 (Stack.Navigator)
轮廓视图(屏幕)
追随者(屏幕)
跟踪(顶级Tab.Navigator)
页(屏幕)
组(屏幕)
饲料底部标签# 2 (堆栈)
其他一些底部选项卡# 3 (堆栈)
问题是，当我从Profile View屏幕导航到以后的Navigator时，我会将一些参数分配给跟随Navigator的父选项卡，并且我需要子选项卡屏幕(页面/组)中的所有参数。
但是子选项卡屏幕的路由没有获得传递给父导航器的参数(
浏览 9提问于2020-04-09得票数 2
回答已采纳
如您所见，我正在实现Tab导航器，在其中调用堆栈导航器。
预期结果:当我从Schedule Ride到Pending时，屏幕应该转到Ride的初始屏幕，但它仍然是Schedule Ride。Tabroute.js
<BottomTab.Navigator>
<BottomTab.Screen
name={navigationStrings.REQUEST}
component={RequestStackComp}
/>
<BottomTab.Screen
name={navigat
浏览 10提问于2021-10-05得票数 0
如何将抽屉导航器嵌套在底部Tab导航器中，并在堆栈导航器中同时嵌套？我想确认一下，这是否正确，并推荐了这样做的方法？我就是这样做的
折叠导航器嵌套在Stack Navigator中：
import DrawerNavigator from './DrawerNavigator';
const Stack = createStackNavigator();
function LoginStack() {
return (
<Stack.Navigator>
<Stack.Screen name="Login" compo
浏览 16提问于2022-07-24得票数 1
1回答
有办法从内部堆栈导航器访问根堆栈导航器吗？例如：
const Root = StackNavigator(
{
Login: {
screen: Login,
},
TabNav: {
screen: TabNav
}
}
);
const TabNav = TabNavigator(
{
Content: {
screen: Content,
},
Settings: {
screen: SettingsStack
}
}
);
在那个SettingsStack屏幕上
浏览 0提问于2017-10-06得票数 0
回答已采纳
我在我的react原生应用程序中结合使用了tab导航器、堆栈导航器和switch nagivator以及react-navigation。 这很好用，除了我想在每个屏幕上保留底部的标签。目前，如果我导航到UserProfile屏幕，那么底部的标签就会消失。 App.js： const TabStack = createBottomTabNavigator({
Feed: { screen: FeedScreenStack },
MyProfile: { screen: ProfileScreenStack },
});
const UserStack = createStackNa
浏览 10提问于2019-03-21得票数 4
回答已采纳
我认为当涉及到标签导航器屏幕之间的传递时，这是非常直接的，但在使用react-navigation试图将参数从标签导航器屏幕传递到堆栈导航器屏幕时，似乎有一个问题。
我试过这个：
onPress={() => {
this.props.navigation.navigate('review', {
aa1: 86,
bb1: 'anything you want here',
});
}}
还有这个：
onPress={() => this.props.navigation.dispatch(NavigationAct
浏览 21提问于2019-03-26得票数 6
回答已采纳
我在我的ReactiveNative^0.60.5应用程序中使用Wix导航^3.1.2。我在堆栈屏幕中设置了一个bottomTab，在这里我通过Navigation.mergeOptions()方法手动添加了一个徽章号。每当我读到聊天中的消息时，我都想从消息按钮中删除这个徽章。所以我现在所做的就是把警徽传递为null。
它在iOS上工作没有任何问题，但在安卓系统上，它并不会让它消失。
我甚至尝试将一个空对象像bottomTab一样传递给bottomTab: {}，但仍然没有工作。
我有以下堆栈结构：
stack: {
id: 'MessageStack',
ch
浏览 0提问于2019-08-31得票数 0
回答已采纳
我试图结合两个导航道具，但我不知道如何做到这一点。早些时候，当我只定义一条路径时，我经常这样做。
export type MatrimonyStackRoutes = {
Matrimony: undefined;
GroomDetail: undefined;
};
export type MatrimonyStackNavigationProps<
T extends keyof MatrimonyStackRoutes
> = {
navigation: StackNaviga
浏览 3提问于2020-10-01得票数 0
我对本机反应有点陌生，在登录后，我很难在两个不同的选项卡导航器之间导航，并且在我的应用程序的app本机屏幕中都使用了功能组件屏幕。
有人能建议我怎么做吗。
在我的导航目录(它处理导航流)中，我有两个文件index.js和main.js
navigation/index.jsnavigation/main.js
一旦用户启动应用程序，用户就会看到导航/index.js文件中的屏幕。
用户注册或登录后，用户将看到导航/main.js文件中的屏幕
我已经在应用程序中实现了所有其他东西，除了在登录后在导航器之间导航和在应用程序中退出之外。
最初，我将所有屏幕放在同一个导航文件中，但在连续按后退按钮后，
浏览 1提问于2021-06-23得票数 2
回答已采纳
1回答
这是我的第一个堆栈
<NavigationContainer>
<Stack.Navigator
initialRouteName="Home"
screenOptions={{
headerShown: false,
}}
>
<Stack.Screen name="Home" component={MainScreen} />
<Stack.Screen name="Schools" compo
浏览 7提问于2022-11-15得票数 1
1回答
我正在构建一个应用程序使用react-原生的0.64和反应导航v5。
我试图实现一个顶部有一个抽屉的导航结构，一个HomeScreen (没有底部选项卡)，一个按钮导航到5个屏幕( -those有底部选项卡)和一个BottomTab (6个选项卡)：相同的5个屏幕(每个屏幕允许导航到不同的子屏幕)和HomeScreen的一个选项卡。
根据react导航文档()，在我的实现中，我避免使用'tabBarVisible‘道具，而是将HomeScreen放在父堆栈中，而BottomTab是它的屏幕之一。问题是，我希望在BottomTab中有一个HomeScreen选项卡，即使这个屏幕不在Bot
浏览 1提问于2021-05-18得票数 1
我有几个嵌套的堆栈导航器的主抽屉导航器。
我正在使用默认参数初始化嵌套的堆栈导航器。目前，我在堆栈导航器的屏幕中使用函数dangerouslyGetParent从抽屉中获取参数。
有没有办法将参数从堆栈导航器传递到嵌套屏幕？
我试过这样的方法，但它不起作用：
PersonalSettings: {
screen: PersonalSettingsScreen,
navigationOptions: ({ navigation }) => ({
collectionName: navigation.state.params.collectionName,
}),
},
浏览 20提问于2020-02-05得票数 0
2回答
这是我的领航员。我有一个bottomTab，3个堆栈导航作为屏幕‘主“’配置文件‘’发现‘，和主根堆栈导航器底部标签导航和少数模态屏幕。我不知道如何从TypeScript文档指南中进行类型检查。有人能解释我做错了什么吗。现在，如果我想从选项卡主页导航到选项卡配置文件，我只能看到“Home”和所有模式屏幕以及tabNavigator本身，但不能看到tabNavigator的选项卡：
我的mainNavigator代码：
export type TabParamList = {
Home: undefined;
Discover: undefined;
Profile: un
浏览 4提问于2020-04-23得票数 2
1回答
我正在尝试使用react导航v5实现身份验证，使用v4和switchNavigator我的代码可以正常工作，但现在我理解了我遇到的问题，但不知道如何解决它。
此功能组件在第一次打开应用程序时呈现，并确定导航器显示的内容。当我尝试登录(从authnav)然后导航到'Home‘屏幕时，问题出现了，但是我知道IsAuth没有被重新渲染，所以我得到了这个错误，所以我的问题是，当有变化时，如何让IsAuth渲染。
呈现的第一个组件
export type isAuthProps = ThemedComponentProps & ComponentProps;
const IsAut
浏览 12提问于2020-03-06得票数 0
回答已采纳
1回答
当从嵌套导航返回时，响应导航崩溃
、、、、
我在我的React本机应用程序上使用了React导航6，在BottomStackNavigator中有两个BottomStackNavigator，每个堆栈上都有这些屏幕和参数：
export type BottomNavigationStack = {
Planner: undefined,
Profile: undefined,
}
export type PlannerNavigationStack = {
PlannerHome: undefined,
PlannerDetails: {
detail: { ... }
},
浏览 9提问于2021-12-24得票数 0
例如，我们在StackNavigator1的屏幕A上，它有三个屏幕:A、B、C。当导航到屏幕B时，A屏幕被再次挂载！当您从B转到C时，A和B将再次挂载，依此类推。
如文档()中所述，
考虑一个具有屏幕A和B的堆栈导航器。在导航到A之后，它的componentDidMount被调用。在推送B时，它的componentDidMount也会被调用，但A仍然挂载在堆栈上，因此它的componentWillUnmount不会被调用。
但它不是这样工作的！堆栈中的所有屏幕在导航到下一个屏幕时都会继续挂载。而且，除了性能问题之外，如果你在componentDidMount()或useEffect(() =&
浏览 9提问于2020-05-07得票数 0
1回答
我的React Native应用程序有问题。
我希望第一个屏幕截图只有一个标题，而不是这里的两个标题，并保留选项卡导航器，但当单击“提及légales”按钮时，将被重定向到CGUScreen，带有类似的标题，底部没有选项卡导航器。
BottomTabNavigator.js：
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import { createStackNavigator } from '@react-navigation/stack'
import
浏览 23提问于2020-06-08得票数 0
假设我有3页。Home、Settings、Page。 我有 <BottomTab.Navigator>
<BottomTab.Screen name="Home" component={HomeScreen}/>
<BottomTab.Screen name="Settings" component={SettingsScreen}/>
<BottomTab.Screen name="Page" component={PageScreen}/>
</BottomTab.Navig
浏览 33提问于2020-05-03得票数 0
回答已采纳
我有一个带有堆栈和bottomTab导航器的项目，我想从bottomTabNavigator重定向到堆栈导航器页面
下面是我的项目的代码: Routes.js，即Stack Navigator
<UserContext.Provider value={{userDetails, setUserDetails}}>
<Stack.Navigator
headerMode="screen"
screenOptions={{
header: ({scene, previous, navigation}) => {
浏览 16提问于2021-05-18得票数 0
回答已采纳
我正在尝试从"Auth“堆栈导航到"App”堆栈。我从后端(Laravel)得到了准确的响应，但它没有导航到"App“堆栈。这是我的代码。 如何从"SignIn“屏幕导航到"Home”屏幕？ const AuthStack = createStackNavigator({
First: FirstScreen,
SignIn: SignInScreen, //-----> Navigate from here
SignUp: SignUpScreen,
ForgotPass:
浏览 8提问于2020-07-26得票数 1
我正在使用这个带有底部标签的库：https://github.com/wix/react-native-navigation 对于导航，我在底部有3个选项卡，其中一个是主页的，关键是我从主页屏幕移动到另一个屏幕，它被添加到堆栈中，我希望每当我再次单击底部选项卡上的主页图标时，都可以重置堆栈。 bottomTab主页图标的route.js如下所示： stack: {
children: [
{
component: {
name: home,
}
},
],
options: {
bottomTab: {
浏览 15提问于2019-09-01得票数 1
回答已采纳
通过我的第一个React Native项目，使用react导航v5，并努力在一个项目中弄清楚多个导航器背后的逻辑。 我尝试从这里复制'auth-flow'设置，但我有一些额外的要求，一旦登录，它应该呈现一个包含三个项目(创建，列表，帐户)的bottomTab导航器，其中第二个屏幕列出，呈现项目列表，单击其中一个将打开一个新的详细信息屏幕(我认为这两个屏幕将是堆栈？) pseudo routes:
- home
- lists
- details <- nested in the tab navigator screen
- account 当前设置： e
浏览 17提问于2020-04-10得票数 3
回答已采纳
我有一个链接到DeckScreen的HomeScreen。当我单击一个按钮导航到DeckScreen时，标题栏中的back按钮显示得很好。 ? 但是，当我在浏览器中重新加载页面或直接导航到此URL (localhost/deck)时，没有后退按钮。 ? 点击BottomTab不会做任何事情，也不会把我们带回家。 ? 我使用的是具有HomeStack的BottomTab，它包含HomeScreen和DeckScreen。 export default function Navigation () {
return (
<NavigationContai
浏览 77提问于2021-11-18得票数 0
回答已采纳
我一直在使用react本机用于构建应用程序，并面临导航问题。我使用的是反应导航，在那里我有带坦克和过滤器屏幕的堆栈导航器。坦克屏幕有一个标签导航和地图，并列出屏幕，如下图所示。
如红线所示，我无法从地图或列表中导航到筛选屏幕。很抱歉没有提供一个流动方向。
我从地图和列表中尝试过this.props.navigation.navigate('filterScreen')；，但它不起作用(我知道这不起作用，但仍然尝试过)。
有什么导航的方法吗？任何线索都将不胜感激。
编辑：坦克的堆叠(最上面的屏幕)
export const Tank = StackNavigator({
浏览 3提问于2018-01-30得票数 1
回答已采纳
首先，感谢您阅读这个问题，我是使用react本机的新手，现在在我的例子中：
我在选项卡导航器中显示了4个屏幕：
HomeProfileArtikelLoker
我希望将非选项卡导航器( StackNavigator )屏幕添加到该项目中，以了解一些屏幕的细节：
DetailArtikel Profile Loker
我正在尝试，当我注册这个屏幕时，它将显示在选项卡导航器中，我不会在选项卡导航器中显示详细的屏幕。
我现在真的很困惑，如何将堆栈导航器和表导航器结合起来？
这是我的密码：
import * as React from 'react';
import { createB
浏览 2提问于2020-04-04得票数 3
回答已采纳
我们的应用程序的功能是在主屏幕中显示底部的tabBar，并在用户导航到另一个屏幕时隐藏它(更改堆栈)，但是在从v3迁移到v4之后，安卓应用在打开屏幕时速度更慢，关闭屏幕的转换也比较慢，而且显然每次我导航到堆栈时，都会显示底部选项卡导航中存在的所有堆栈导航，即使没有导航到它。更糟糕的是，在制作应用程序有5个标签，并有一些动画在开幕。
如何解决这个动画片的跳跃问题呢？
在29 - Android 10上进行了测试。同样的问题也发生在Moto G7 Play，Android 10上。
以下是导航代码：
import React from 'react';
import {
浏览 1提问于2020-08-26得票数 0
回答已采纳
3回答
无法导航到子屏幕
、、
我的initialRouteName是loginScreen。
在登录后，第二个屏幕上出现了BottamTabNavigation.BottomTab包含4个屏幕，其中一个屏幕名为GroupScreen go to TopTabScren。我无法导航到这个屏幕。
流程是-> loginScreen -> BottomTabScreen -> TopTabScreen。
我无法导航到TopTabScreen。它会产生错误
“未定义的object(evaluating'this.props.navigation.navigate‘不是”。
TopTabScreen带来了
浏览 0提问于2020-02-16得票数 3
回答已采纳
1回答
环境 反应导航@3.11.1|反应导航堆栈@1.4.0 给定以下React导航 import {
createAppContainer,
createStackNavigator,
createSwitchNavigator,
createBottomTabNavigator,
} from 'react-navigation';
const TutorialNavigator = createStackNavigator(
{
FirstScreen: ({ navigation }) => { },
SecondScreen:
浏览 27提问于2020-01-15得票数 0
我正在尝试使用ReactiveNavigation从一个bottomTabNavigator Screen (即Home )导航到一个Stack Navigator Screen (即Trip )。
在我的NavigationContainer中，我有一个函数，它包含AppNavigator(这个使用createBottomNavigator)和AuthenticationNavigator(这个使用createStackNavigator)。
在我的App.js中，它检查用户是否登录，然后从那里为用户显示正确的导航。如果用户登录，那么他们可以访问AppNavigator和HomeScreen
浏览 1提问于2021-01-05得票数 1
回答已采纳
我正在使用react原生导航v2进行应用程序。我需要更改所选底部选项卡的背景颜色。 options: {
bottomTab: {
icon: val.icon,
text: val.text,
textColor: getColorTheme("SECONDARY", "LIGHT"),
selectedTextColor: getColorTheme("ORANGE", "LIGHT"),
selectedIconColor: getCo
浏览 13提问于2020-04-29得票数 0
1回答
当我试图隐藏特定屏幕的底部导航时，我收到了警告。警告是‘不能从另一个组件的函数体中更新一个组件’，所以我要做的是我有一个主屏幕，当我导航到细节屏幕时，底部导航将会消失/隐藏。我的代码如下：
ProductNavigation.js 我的堆栈导航
import 'react-native-gesture-handler';
import React, {useState, useEffect} from 'react'
import { StyleSheet, Text, View } from 'react-native'
import { c
浏览 6提问于2020-11-10得票数 1
回答已采纳
3回答
我需要为active选项卡添加一个指示符，我尝试用tabStyle添加一个tabStyle，但是我们不能用它来检查焦点。
底部选项卡使用react-navigation v5和createBottomTabNavigator。
这是我的密码：
<BottomTab.Navigator
tabBarOptions={{
activeTintColor: colors.brown,
labelPosition: 'below-icon',
}}>
<BottomTab.Screen
浏览 1提问于2021-04-14得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
