我有一个问题的反应-导航，隐藏在特定屏幕上的标签栏。
我有一个底部标签导航器，有3个屏幕：
MainscreenCamerascreenPostscreen
我还有第二个(堆栈)导航器，它有两个屏幕：
MainscreenCamerascreen
应该可以通过屏幕底部的选项卡从主屏幕导航到Camerascreen，但我也需要屏幕顶部的一个按钮来导航到Camerascreen。这就是我创建堆栈导航器的原因。
我在Camerascreen.js上隐藏制表符栏的代码(当我浏览底部选项卡时，这是有效的)：
CameraScreen.navigationOptions = NavigationData
浏览 2提问于2019-12-14得票数 1
我正在做一个应用程序，在应用程序中有一个主屏幕。在主页屏幕上，我想添加一个带有各种徽标的底部导航器，当单击它时，将用户导航到不同的屏幕。我只希望底部导航器在屏幕上，可以从底部导航器在家中访问。我该怎么做呢？我是否需要在app.js中使用不同类型的导航器，因为我也在使用堆栈导航器？谢谢你的帮助，我由衷地感谢你。
浏览 18提问于2020-12-23得票数 0
回答已采纳
我想知道如何在app.js的Home navigator中将底部选项卡导航器与Stack Navigator结合在一起 import React from 'react';
import {createAppContainer} from 'react-navigation';
import {createStackNavigator} from 'react-navigation-stack';
import Signup from './screens/signup';
import Login from './sc
浏览 10提问于2020-09-29得票数 2
回答已采纳
指向我的代码的链接是：https://snack.expo.io/@demonicaoi/cash-trackerro 我的底部导航栏是bottom_tab.js，主屏幕是“主页”，代码是HomeScreen.js。bottom_tab.js中的导航部分似乎不起作用。
浏览 8提问于2020-09-01得票数 0
回答已采纳
我正在使用ember.js开发一个单一的页面应用程序。我有一个仪表板，它有两个相互独立的内容部分(所以它不是主/详细关系)。
结构如下(使用Haml)：
#dashboard
#top
%nav
.content
#bottom
%nav
.content
在#top和#底部都有一个小的导航，它可以独立地更改#top和#底部的内容。余烬有什么方法
加载仪表板的初始状态(默认内容为#top和#底部)
使用相应的导航加载#top或#底部的新内容。将新内容加载到#top不应更改或删除#底部中已经存在的内容，反之亦然。
我还在学习ember.js
浏览 4提问于2013-02-20得票数 2
我正在使用底部的hightchart导航栏。我已经包含了可访问性js文件，以使用所有可访问的组件(键盘导航、屏幕阅读器)。现在我正在尝试使用键盘导航到导航栏，但它不起作用。是否需要其他属性？ ?
浏览 14提问于2021-01-12得票数 0
1回答
我有困难，试图通过我的到我的底部Tab导航器。我一直看到下面的错误。我哪里出问题了？
我创建了Stack导航组件，然后将它导入到我的底部选项卡导航中，然后将组件传递到那里。我认为一切都是正确的，但错误开始了。
底部TAB导航仪
import * as React from 'react';
import { MaterialCommunityIcons } from '@expo/vector-icons';
import { createMaterialBottomTabNavigator } from '@react-navigation/
浏览 2提问于2021-12-10得票数 0
回答已采纳
如何为Vue.JS PWA应用程序设置Android底部导航栏的颜色？当我设置themeColor时，顶部的地址栏会正确地改变颜色，但导航区域仍然是全白的(#fff)。
我已经试过了：
在manifest.json中：
{
"start_url": "/.",
"display": "standalone",
"background_color": "#000000",
"theme_color": "#000000"
}
在
浏览 5提问于2020-08-07得票数 2
3回答
我刚开始反应--我正在开发一个应用程序，它有底部选项卡navigation.For实现这个功能，我使用了navigation.For，它运行得很好--我有3个屏幕，比如Home、Profile和在家庭屏幕中的底部选项卡navigator.But，我有多个屏幕流作为implemented.For，我使用Stack Navigator，这也很好。所以我的应用程序流就像Home-> Screen1-> Screen2-> Screen3，我面临的问题是，假设我在Screen3上，然后从底部导航切换到Profile屏幕，然后再切换到家庭屏幕，
我应该能在那里看到主屏幕，但目前它显示
浏览 9提问于2019-10-23得票数 2
回答已采纳
我想创建一个应用程序，这既有固定的底部和顶部选项卡导航栏。请参见图像： ? 完成底部导航栏后，我在App.js文件中尝试了以下操作： return(
<NavigationContainer>
<Tab.Navigator> //top navbar
<Tab.Screen />
...
</Tab.Navigator>
<Tab.Navigator> //bottom navbar
<
浏览 54提问于2021-04-01得票数 0
我有一个向左浮动的div。在右边，我有一个<ul class='nav nav-tabs'>。
如果我将导航列表浮动到左边，它看起来很好，只是列表的底部边框只延伸到导航选项下面。如何使它扩展到屏幕的其余部分？(即一直向右)。
如果我不将列表浮动到左边，标签就停留在右边，但是底部的边框符合100%的视图端口，并移动到左侧导航的下方。
这是JS小提琴：
谢谢!
浏览 2提问于2013-09-30得票数 0
回答已采纳
我发现在理解正式文档时遇到了困难，我正在寻找一个在不同堆栈导航器之间移动的解决方案。我提供了当前的实现和代码片段来更好地解释我的问题。
我有一个底部标签导航器和2个堆栈导航器来处理不同的用例。
BottomNavigation.js
StackNavigation.js
AuthStackNavigation.js
我在StackNavigation.js中创建了多个堆栈导航器，并在BottomNavigation.js中呈现了每个StackNavigators。
***StackNavigation.js***
const Stack = createStackNavigator();
浏览 4提问于2021-02-27得票数 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
回答已采纳
我们有一个使用堆栈导航器的应用程序。我们有
堆栈导航器的config.js屏幕
屏幕的单独页面
index.js把一切都整合在一起
谁能帮我弄清楚如何将选项卡导航器集成到我们的应用程序中？就像HomeScreen底部的一条丝带。请举例说明。我浏览了所有的互联网，网上的例子没有出现在屏幕上。
浏览 0提问于2017-05-31得票数 0
1回答
我目前有一个基本的用户身份验证导航，如下所示。一旦用户登录，他们就会看到带有底部导航的主页，该导航可以在应用程序的主屏幕中导航。所有这些都工作得很完美。 ///
App.js
///
import React, { useState, Component } from 'react';
import { createStackNavigator, createBottomTabNavigator, createSwitchNavigator, createAppContainer } from 'react-navigation';
import AuthLo
浏览 8提问于2019-09-12得票数 0
回答已采纳
我有一个带有一些屏幕的Stack和一个像"Profile“这样的初始路径，当我从"Profile”屏幕通过navigation.navigate("Options")导航到"Options“时，我不想看到底部的选项卡。下面是我所拥有的一个例子：
ProfileNav.js
export default function ProfileNav () {
return (
<Stack.Navigator initialRoutName="Profile">
<Stack.Screen n
浏览 13提问于2022-03-24得票数 2
回答已采纳
1回答
我是新世界的反应本土化，所以我需要一只手来构造我的导航页。我希望我的应用程序有类似instagram的结构--即主页应该是createBottomTabNavigator，从那里我没有几个不同的页面，而且我可以很容易地在它们之间切换。这是我的代码：
export default const MyTabs = ({ currentUser, navigation }) => {
return (
<Tab.Navigator initialRouteName="Home">
<Tab.Screen
name="
浏览 0提问于2021-09-20得票数 0
回答已采纳
1回答
我希望维护固定导航栏，无论侧边栏，它出现在导航栏下面，因为在这里与附加的顶部/底部：
<div class="ui bottom attached segment">
<div class="ui inverted labeled icon left inline vertical demo sidebar menu">
附加的段不能与固定的导航栏一起工作，因为它将在页面中延伸。我更愿意在vue.js中看到答案。
浏览 2提问于2016-11-27得票数 0
2回答
我的react导航的结构如下: BottomTabNavigator =>导航器=>组件
这是App.js的骨架。整个应用程序被包装在底部的选项卡导航中。
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
const BottomTab = createBottomTabNavigator();
function App() {
return (
<NavigationContainer>
<BottomTab
浏览 2提问于2020-06-19得票数 0
1回答
我正在开发一个世博会管理的反应原生应用程序，并有一个底部选项卡内嵌套在堆栈导航器导航器。我正在使用React导航。tab导航器本身有一个嵌套的堆栈导航器。结构如下： - Stack navigator in App.js
- Stack navigator
- Bottom Tab navigator with 3 tabs
- Tab 1: Basic view component
- Tab 2: Stack navigator
- Tab 3: Stack navigator 我遇到的问题是底部的Tab Navigator视图对点击Touc
浏览 38提问于2021-05-04得票数 0
1回答
我正在学习Vue.js，我正在使用vuetify.js库，到目前为止，这是一种乐趣。然而，我正在努力理解如何从JS代码中调用UI组件上的事件。 在底部导航栏的情况下，根据文档，它支持一个名为update:active的事件，该事件更新活动按钮。您可以传入一个字符串或一个数字，无论您希望更改哪个按钮处于活动状态。我只是不明白如何从一个方法中做到这一点。例如，如果我有下面的按钮 <v-btn
color="teal"
flat
@click="update"
value="nearby"
浏览 24提问于2019-03-13得票数 1
回答已采纳
我在我的网站上使用fullpage.js。当我点击导航时，它的内容会从底部移入。有没有办法让它从右边或左边移进来？
浏览 0提问于2014-07-27得票数 0
我的主屏幕上有一个顶部和底部的条。我想做的是我有一个对象，叫它routeNames.js。我要房间名称作为我的顶级酒吧导航员，房间项目(笔记本电脑，电视等)作为底部酒吧导航。
我只是在不使用routeNames.js数据的情况下这样做，但我想通过使用这些数据来完成它，并创建导航器。另一个问题是如何在底部导航器中有更大的图标？现在它看起来太小了
下面是我的项目现在的样子：
HomeScreen.js
import React from "react";
import { Text, View } from "react-native";
import ro
浏览 3提问于2021-05-06得票数 0
回答已采纳
所以我正在做一个粘性导航，当你滚动过英雄的时候。我以前在使用element.offsetTop时没有遇到过任何问题。但我正在尝试为元素的底部找到一种方法。element.offsetBottom似乎不是什么东西。那么有没有办法在JS中跟踪元素的底部呢？
浏览 3提问于2018-05-11得票数 8
2回答
我一直在写一个简单的应用程序，使用底部导航栏。
使用Navigator在页面之间导航的基本用法如下：
Navigator.of(context).push(...);
当我第一次使用底部导航栏时，我会自动假设底部导航栏在几乎所有的页面中都会存在，除非它被告知消失，我认为这是一种期望或预期的行为。
因此，与其询问如何持久化，或控制应用程序的底部导航栏，我还想问以下问题：
我是不是在错误地接近(思考)底部导航栏？我对底部导航栏的期望是错误的吗？
如果没有，那么在使用push和pop等导航方法时，底部导航栏应该消失的原因是什么？
最后，为了了解颤振导航和底部导航栏，我需要
浏览 4提问于2022-04-05得票数 0
我想在我的应用程序中有描述的底部导航，但我也有一个登录页面，它不应该有底部导航选项卡。因此，当用户进入应用程序时，他将显示登录页面，登录后，他将进入底部导航的第一个选项卡。文档没有提到如何实现这一点。这是如何做到的呢？
尝试1:
app.js
let startPage = 'login/login-page';
if(settings.hasKey('token')){
startPage = 'app-root';
}
application.run({ moduleName: startPage });
这确实带我到了登录页面，但是
浏览 0提问于2020-02-13得票数 0
1回答
导航栏一直出现在页面的顶部和底部两次。当我检查页面时，元素显示App出现了两次，并复制了导航。
App.js：
import {Outlet} from "react-router-dom";
import './App.css';
import Nav from "./components/Nav";
function App() {
return (
<div className="App">
<Nav/>
<Outlet/
浏览 4提问于2022-02-15得票数 3
回答已采纳
1回答
我有底部导航，我从底部单击导航新片段，但是底部导航没有移到新片段
导航新片段
edit_flow.setOnClickListener {
findNavController().navigate(R.id.action_navigation_home_to_flowFragment)
}
我想在启动FlowFragment时删除底部导航
浏览 6提问于2020-02-04得票数 3
回答已采纳
1回答
我想知道我是否应该结合材料设计，底部导航和导航抽屉。
如前所述，底部导航栏中总是有一个活动项，但如果我选择使用导航抽屉菜单导航到页面，怎么办？如何保持导航的一致性？即使导航到不同的活动/片段，底部导航项仍将处于活动状态。
我正在考虑将所有底部导航项设置为不活动，以防用户使用导航抽屉导航。不幸的是，我使用的库()不支持这一点。
底部Nav栏如何与导航抽屉共存？我在这里错过了什么？
浏览 0提问于2016-12-30得票数 0
回答已采纳
我有一个导航系统，有一个单一的水平下拉在一些元素。我已经让它以我想要的方式工作了，除了当鼠标沿着它移动时，它太容易掉出导航器的底部(它是第二个全宽的线条，带有内联项目)。
我需要的是一种方法，当你从底部掉出来时，阻止导航消失，而不会干扰其他导航项目(这样当你悬停在导航项目上时，这些导航项目仍然会立即隐藏导航项目)。
当hover out事件被调用时，有没有办法找到您要将鼠标移入的元素？这样，我可以检测到他们是否在身体上移动，并启动一个计时器，将导航隐藏在1000ms或其他什么地方。
我已经尝试过hoverIntent，但这不能满足我的需要，因为我不能延迟从一个导航项目移动到另一个项目……这使得
浏览 6提问于2009-11-05得票数 0
2回答
我使用的是底部导航，目前底部导航点击事件代码是在MainActivity中，这对我来说很好。
现在我想在每个活动中使用这个底部导航，我希望这个底部导航单击事件对每个活动都有效。在每个xml文件中都包含了包含底部导航的xml，但单击事件对我不起作用。请帮帮忙。
浏览 2提问于2018-11-05得票数 0
1回答
这是我想要做的底部导航。
如何实现这个底部导航栏？我试着弯曲底部导航，但它没有给我解决方案，我尝试了颤动底部导航栏与工厂中心停靠，但也不起作用。
浏览 14提问于2020-03-05得票数 1
回答已采纳
我只希望底部选项卡导航器在主屏幕中可见；之后，我希望隐藏底部选项卡导航器，直到用户返回到主屏幕。下面是他们提供的示例，但它只提供了您正在处理App.js文件的效果，而我没有。 const Tab = createBottomTabNavigator();
function HomeTabs() {
return (
<Tab.Navigator>
<Tab.Screen name="Feed" component={FeedScreen} />
<Tab.Screen name="Profile
浏览 39提问于2021-01-20得票数 0
回答已采纳
1回答
我使用Stack导航和底部Tab导航在我的应用程序中导航
堆栈导航基本上是这样设置的：
WelcomeScreen -> SignInScreen <-> SignUpScreen -> HomeScreen
现在，我想使用底部标签导航在HomeScreen和MyGamesScreen之间导航
HomeScreen <-> MyGamesScreen
我想要显示底部Tab导航器的唯一屏幕是HomeScreen和MyGamesScreen。
我尝试了几个教程，最后一次尝试是查看上的文档页面，但它对我不起作用。我要么让底部的Tab导航器显示在所有页面中，要么没有
浏览 3提问于2020-08-11得票数 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
回答已采纳
1回答
我是新来的土生土长。我试图在应用程序底部的选项卡导航和抽屉导航中使用多个导航。我已经成功地添加了底部选项卡导航，但是当我试图添加一个抽屉导航时，我有一个错误：
“另一个导航器已为此容器注册。您可能在单个"NavigationContainer”或“屏幕”下有多个导航器。请确保每个导航器位于单独的“屏幕”容器下。
我想在我的应用程序中同时使用两个导航器。
这是我的代码：
bottomTabs.js：
import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
import React
浏览 3提问于2021-09-19得票数 0
回答已采纳
让fix底部选项卡导航器出现，即使我单击堆栈导航器或多个嵌套堆栈导航器，它仍然显示底部选项卡导航，如Facebook应用程序。和下面的例子一样，我点击页面，这是嵌套的堆栈导航，但是底部的选项卡导航仍然会出现。通常，当我单击堆栈导航器时，新屏幕将位于顶部和底部，选项卡导航器将消失。
浏览 8提问于2020-09-15得票数 0
回答已采纳
我正在设计一个带有导航和嵌套子导航的布局。子导航的底部需要对齐父元素的底部。为了节省阅读，描述这一点的最简单的方法就是指向我创建的这个CodePen。
现在，来解释我想做的事情：
导航(特别是子导航)需要与父导航的底部对齐。
父元素是display: flex和justify-content: flex-end，因此导航将对齐到底部。
主要导航是水平导航和position: relative导航。
子导航也是水平的，position: absolute在导航线之下。
搜索区域的高度未知，不需要与父区域的顶部对齐
问题是，由于子导航是position: a
浏览 3提问于2014-08-19得票数 0
我有一个带有片段和底部导航的简单布局。片段的底部约束绑定到底部导航的顶部，然而，片段的底部延伸到父级的底部。 请看图片:片段中的绿色工厂应该在导航底部的上方。 ?
浏览 18提问于2021-04-22得票数 0
回答已采纳
3回答
我正在制作一个带有粘性导航的单页面站点，顶部的宽度约为1000px，高度约为20-25px，现在我还包括了一个平滑的滚动功能，但我的问题是每当页面滚动到它的活动页面时，标题隐藏在粘性导航下，我如何获得粘性导航底部的偏移量？谢谢。
这是js代码btw：
$('a').click(function(e) {
var target = $(this).attr('href');
e.preventDefault();
$('html,body').animate({
scroll
浏览 2提问于2011-10-08得票数 2
我在活动中有几个片段，我想显示底部导航到仅特定的片段，而不是所有。底部导航有5个菜单项导航到不同的片段。我想隐藏底部导航中的所有项目，即隐藏整个底部navigation.But，我不知道如何隐藏整个底部navigation.Please，请帮助我。
浏览 1提问于2020-07-31得票数 0
1回答
多个导航主机基本布局
、、、、
我正在尝试将我的应用程序移动到google推荐的单个activity应用程序。为此，我为我的应用程序的每个部分创建了几个nav主机和nav图，其中一个nav主机片段用于身份验证流程，它将公司徽标保持在顶部，同时在beetween屏幕之间导航以进行登录、注册、2FA……为此，我创建了一个带有容器和视图徽标的nav主机片段。还有一个导航主机片段，用于我的应用程序中使用底部导航视图的部分，因此有一个底部导航主机片段，所有屏幕都共享底部导航栏。还有另一个不建议具有底部导航栏的流，因此这次我仅使用容器创建了第三个导航主机。
所有这3个流的作用域都是作为主导航主机的主活动，这只是导航容器的活动布局。
问题
浏览 18提问于2019-11-18得票数 2
AppNavigator组件基本上只是底部选项卡，指向多个嵌套堆栈导航器。
AppNavigator.js
const Tab = createMaterialBottomTabNavigator();
export const AppNavigator = () => {
return (
<Tab.Navigator>
<Tab.Screen name="Search" component={SearchStack} />
<Tab.Screen name="Host" componen
浏览 6提问于2022-06-01得票数 0
回答已采纳
我有一个栏在底部的页面，是通知用户时，他们的电子邮件被发送。
这个条是使用React/Next.js中的useContext创建的。下面是Codebox中的代码：
当我转到页面时，我看到在底部导航的底部有一个空白：
在浏览器中，我可以看到空格是由通知栏造成的，在发送电子邮件时，通知栏如下所示：
在浏览器上：
知道怎么摆脱空白吗？我试过css，但没有起作用。
浏览 0提问于2021-06-24得票数 2
1回答
导航容器在启动屏幕后消失
、、、
昨晚我实现了一个飞溅屏幕，今天早上我注意到它拿走了我的底部标签导航器。我重新创建了问题
在零食中，最初你会看到底部的标签导航器。如果您进入App.js并取消对闪存屏幕的调用，您将看到我在说什么。
有人知道我该怎么做才能确保这事不会发生吗？飞溅的屏幕本身是有一点额外的，所以如果你们认为最好是抓这个，去做其他的事情，我是开放的建议！
谢谢你所做的一切，我比你所知道的还要感激。
浏览 3提问于2021-08-19得票数 0
回答已采纳
2回答
我有一个stackNavigator，其中包括一些单一的屏幕和底部导航，我有一些其他的屏幕，我想在底部的每个单独的屏幕，改变父标题堆栈屏幕，但它不工作，我不知道为什么？ 这是我的代码 App.js ~ Parent
const AppNavigator = createStackNavigator(
{
Register: {
screen: Register,
navigationOptions: () => ({
drawerLockMode: 'locked-closed',
}),
},
浏览 24提问于2020-02-02得票数 2
2回答
HTML没有显示完全高度
、、、
我在这个相对简单的网站上工作：
正在显示的图像为800x600；它们在中的div应该是向下按下页面底部(因此菜单/导航箭头较低)，但由于某些原因，这种情况没有发生。相反，这些图像在y轴上以550 on的速度被切断。
我使用swipe.js (由文件夹图像下方的箭头控制)和jQuery循环(由底部的导航菜单控制)。Swipe脚本可能会导致问题，因为它依赖于溢出:隐藏在页面周围，但我想不出比这更多的东西。
对于如何解决这个看似简单的问题，有什么想法吗？
浏览 1提问于2012-01-09得票数 0
回答已采纳
1回答
我有一个水平导航栏，我用在一个学校项目的网站上。我的JS动画我的导航列表项目，但不是我希望它的方式。它把高度加到底部，我想把它加到顶部。我试过了:绝对的，但当我这样做的时候，它完全搞砸了我的导航。我只有这个小提琴上的导航杆，但如果你需要更多，我可以提供它。这是我的代码：
$(document).ready(function () {
$('li').mouseenter(function () {
$(this).animate({
height: '+=20px'
});
});
浏览 3提问于2014-01-08得票数 0
回答已采纳
1回答
是否有一种方法可以更新，使侧菜单导航在滚动过程中扩展到视图端口的底部，直到它被页脚向上推高？它还应该保持当前的position: sticky行为，坚持在视图的顶部。
编辑1:是的，这是下面链接的问题的副本，但是链接文章中给出的答案并不能真正解决问题！
编辑2:澄清:我试图实现的只是一个侧面导航元素，它占据了它可用的全部高度。当您向下滚动元素时，元素应该“粘贴”到视图端口的顶部(这就是position: sticky与top:0一起完美完成的功能。类似地，当您向下滚动元素的底部时，元素的底部应该向下增长--它应该坚持到视图端口的底部，直到您向下滚动到页脚开始向上推元素为止(此时元素应该会缩小)
浏览 8提问于2019-11-28得票数 2
3回答
我在一个网站上使用过 JavaScript菜单，客户抱怨在网站导航时，主导航的样式有延迟。
的确如此，当你打开一个页面时，在CSS生效和样式正确之前，可能会有1s的延迟。css在页面的顶部，JS在底部，所以我不知道是什么导致了这种延迟？
该网站为
任何帮助都将不胜感激。
谢谢。
浏览 0提问于2012-02-10得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
