navigation 相关问题

导航是指导航资源网络的过程,以及用于执行此操作的用户界面。

当显示带有导航组件的 DialogFragment 时,导航栏不会在沉浸模式下隐藏 - Android Kotlin

我是一个新手,用 Kotlin 在原生 Android 上创建了一个游戏(一个很大的错误)。 https://play.google.com/store/apps/details?id=nochi.words 自从我相信了这一点,我就除了问题之外一无所有。还有

回答 1 投票 0

以 Angular 形式路由编码 url

在我的角度项目中,我有一条路线作为 路径:'朋友/消息/:加密密钥/:类型', 组件:EncryptedRouteComponent, 可以激活:[AuthGuard], , 小路: '**', 成分:

回答 1 投票 0

如何使用MvvmCross在WPF应用程序中获取命令行参数?

我正在尝试使用 MvvmCross 将命令行参数传递到我的 WPF 应用程序。 我想访问 MainViewModel 中的参数。 与重写 OnStartup() 方法类似...

回答 1 投票 0

使用 NavigationView 返回上一个视图时,SwiftUI 工作表视图不会出现

我有NavigationLink,它使用带有显示sheetView的按钮的NavigationView来引导自己的视图。 移动到目标视图并显示sheetView后,返回上一个视图,然后...

回答 1 投票 0

使用 NavigationView 返回上一个视图时,SwiftUI 工作表视图不会出现

我有NavigationLink,它使用带有显示sheetView的按钮的NavigationView来引导自己的视图。 移动到目标视图并显示sheetView后,返回上一个视图,然后...

回答 1 投票 0

在所有页面上重复我的导航栏小部件

我想在所有页面上重复该代码,但无法做到。遵循本教程:https://www.youtube.com/watch?v=2emB2VFrRnA&t=1s&ab_channel=HeyFlutter%E2%80%A4com,但它只显示在...

回答 1 投票 0

Expo 路由器问题:React Native 中基于文件的路由出现不匹配的路由错误

我在 React Native 中遇到了 Expo Router 的令人沮丧的问题。尽管设置了基于文件的路由,但我仍然收到“不匹配的路由”错误。我的目标是引导用户

回答 1 投票 0

为什么Flutter GoRouter会忽略pageKey

关于文档,如果 Flutter 识别到相同的密钥,它将更新 url 并保留页面(Widget)。在下面的代码中,pageKey 是在两个容器中设置的静态常量值。当导航...

回答 1 投票 0

如何在react native中单击后退按钮后调用函数

在我做navigation.goBack();之后要返回到我想运行一个函数的页面,我该怎么做?, 注意:如果我从 pageA 重定向到 pageB,我想在到达 pageB 后运行该函数,并且我

回答 1 投票 0

.NET MAUI TabBar 登录/注销问题

我遇到一个问题,当用户导航到“设置”选项卡并单击注销选项时,该选项会将用户导航回登录屏幕,但当用户重新登录选项卡栏时,

回答 1 投票 0

Jetpack 撰写导航 - 将参数传递到起始目标视图模型

我有一个多个活动应用程序,每个活动都有自己的导航图。我可以使用参数启动活动,但我不知道如何正确地将此参数放入启动目的地...

回答 1 投票 0

何时切换搜索栏和徽标下降?

.navbar { 背景颜色:#F91F46; } .src-bar { 边框:0; 边框半径:5px; 概要:无; 左内边距:15px; 宽度:30vw; } .navbar { background-color: #F91F46; } .src-bar { border: 0; border-radius: 5px; outline: none; padding-left: 15px; width: 30vw; } <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/css/bootstrap.min.css" integrity="sha512-b2QcS5SsA8tZodcDtGRELiGv5SaKSk1vDHDaQRda0htPYWZ6046lr3kJ5bAAQdpV2mmA/4v0wQF9MyU6/pDIAg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.min.js" integrity="sha512-WW8/jxkELe2CAiE4LvQfwm1rajOS8PHasCCx+knHG0gBHt8EXxS6T6tJRTGuDQVnluuAvMxWF4j8SNFDKceLFg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <nav class="navbar navbar-expand-md fixed-top"> <div class="container-fluid"> <a class="navbar-brand ms-3" href="#"> <img src="img/Logo.avif" width="40px" class="d-inline-block" /> </a> <form role="search" class="search-bar"> <div class="input-group"> <input class="src-bar" type="search" placeholder="Search For Products" /> <button class="btn bg-white" type="submit"> <i class="fa fa-search"></i> </button> </div> </form> <div class="justify-content-end"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#nav-colps" aria-controls="nav-colps" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="nav-colps"> <ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="#">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Dropdown </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Another action</a></li> <li> <hr class="dropdown-divider" /> </li> <li><a class="dropdown-item" href="#">Something else here</a></li> </ul> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> </li> </ul> </div> </div> </div> </nav> 切换时,我希望折叠 div 居中。我知道原因 - 我将折叠和切换 btn 放在 justify-end div 内,因为我需要切换 btn 位置位于右侧。现在,当切换时,我的折叠位于右侧,但我希望在切换时,折叠div到中心。 当我删除 justify-end div 时,它位于左侧,但如果删除它,每个导航元素都会移动到 nav 和 md 视图中 lg 的左侧。 看起来像这样或中心 我们确实需要将 .nav-collapse 移到 justify-end 元素之外,才能在较窄的视口上获得所需的布局。 要将菜单显示在右侧,请通过 flex-grow: 1 类将 .nav-collapse 应用于 flex-grow: 0 元素,覆盖 flex-grow-0 上的默认 .nav-collapse。 为了使窄视口的链接元素居中,.navbar-nav中的元素采用垂直柔性布局,因此我们可以通过align-items: center类应用align-items-center: .navbar { background-color: #F91F46; } .src-bar { border: 0; border-radius: 5px; outline: none; padding-left: 15px; width: 30vw; } <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/css/bootstrap.min.css" integrity="sha512-b2QcS5SsA8tZodcDtGRELiGv5SaKSk1vDHDaQRda0htPYWZ6046lr3kJ5bAAQdpV2mmA/4v0wQF9MyU6/pDIAg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.min.js" integrity="sha512-WW8/jxkELe2CAiE4LvQfwm1rajOS8PHasCCx+knHG0gBHt8EXxS6T6tJRTGuDQVnluuAvMxWF4j8SNFDKceLFg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <nav class="navbar navbar-expand-md fixed-top"> <div class="container-fluid"> <a class="navbar-brand ms-3" href="#"> <img src="https://picsum.photos/40/40" width="40px" class="d-inline-block" /> </a> <form role="search" class="search-bar"> <div class="input-group"> <input class="src-bar" type="search" placeholder="Search For Products" /> <button class="btn bg-white" type="submit"> <i class="fa fa-search"></i> </button> </div> </form> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#nav-colps" aria-controls="nav-colps" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse flex-grow-0" id="nav-colps"> <ul class="navbar-nav me-auto mb-2 mb-lg-0 align-items-center"> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="#">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Dropdown </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Another action</a></li> <li> <hr class="dropdown-divider" /> </li> <li><a class="dropdown-item" href="#">Something else here</a></li> </ul> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> </li> </ul> </div> </div> </nav> 您还可以考虑通过 text-align: center 类应用 text-center,将链接元素 text 居中: .navbar { background-color: #F91F46; } .src-bar { border: 0; border-radius: 5px; outline: none; padding-left: 15px; width: 30vw; } <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/css/bootstrap.min.css" integrity="sha512-b2QcS5SsA8tZodcDtGRELiGv5SaKSk1vDHDaQRda0htPYWZ6046lr3kJ5bAAQdpV2mmA/4v0wQF9MyU6/pDIAg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.min.js" integrity="sha512-WW8/jxkELe2CAiE4LvQfwm1rajOS8PHasCCx+knHG0gBHt8EXxS6T6tJRTGuDQVnluuAvMxWF4j8SNFDKceLFg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <nav class="navbar navbar-expand-md fixed-top"> <div class="container-fluid"> <a class="navbar-brand ms-3" href="#"> <img src="https://picsum.photos/40/40" width="40px" class="d-inline-block" /> </a> <form role="search" class="search-bar"> <div class="input-group"> <input class="src-bar" type="search" placeholder="Search For Products" /> <button class="btn bg-white" type="submit"> <i class="fa fa-search"></i> </button> </div> </form> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#nav-colps" aria-controls="nav-colps" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse flex-grow-0" id="nav-colps"> <ul class="navbar-nav me-auto mb-2 mb-lg-0 text-center"> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="#">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Dropdown </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Another action</a></li> <li> <hr class="dropdown-divider" /> </li> <li><a class="dropdown-item" href="#">Something else here</a></li> </ul> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> </li> </ul> </div> </div> </nav>

回答 1 投票 0

Parcelables 不支持默认值。 Android 导航深层链接参数

在实现传参方案的过程中,在模块之间的导航中,遇到了序列化错误。据我所知,深层链接接受自定义参数类型,即

回答 2 投票 0

NavigationLock 不适用于 blazor .net 8 项目

在以前的版本(.NET 7)中,我使用 NavigationLock 组件没有遇到任何问题。但是,升级到 .NET 8 后,我遇到了一个问题,NavigationLock 似乎没有触发任何

回答 1 投票 0

与没有 window.location.href 属性的 window.open() 方法一起使用时,带有哈希值的 URL 的行为有所不同

我对Javascript不熟悉,如果您能就以下观察结果启发我,我将不胜感激。 我有这个 Javascript 函数,它应该导航到带有参数 st 的页面...

回答 1 投票 0

jetpackCompose mutablestate 不保存状态

我有一个身份验证屏幕,其中有 textUser,我记得保存状态,但是当我导航到屏幕,然后按后退按钮返回到屏幕时,textuser var 是 res...

回答 1 投票 0

奇怪的 Jetpack Compose 导航过渡行为

我想知道为什么我在过快导航到“设置”屏幕时会出现这种奇怪的转换(YouTube 上的视频:https://youtube.com/shorts/UPv66zqHMbo?feature=share)。 这是所有相关代码...

回答 1 投票 0

当用户使用浏览器后退/前进按钮到达某些页面时如何避免 Page_Load

我想通过单击浏览器的后退/前进按钮将用户重定向到另一个页面。我找到了一个 JavaScript 解决方案,如下所示。 (这是一个简单的...

回答 1 投票 0

SwiftUI - 返回时如何取消初始化 StateObject?

我希望我的@StateObject在我导航回去后尽快被取消初始化,但似乎该对象被保存在内存中。 “Deint ViewModel”未打印在背面导航上...

回答 4 投票 0

如何在 jetpack 撰写导航中发送可选参数?

我试图在jetpack compose导航中发送可选参数,因为如果我不发送可选参数,这次每次导航到屏幕时它都会要求我输入参数,这使得屏幕

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.