hide 相关问题

所以我试图从导航抽屉中删除一个项目，如果它在那里但不显示也没关系，也不应该可单击。所以我试图从导航抽屉中删除一个项目，如果它在那里但不显示也没关系，也不应该是可点击的。 <Drawer.Screen name="DetailsScreen" component={DetailsScreen} options={{ drawerLabel: () => null, title: null, }}/> 我上面的这段代码在某种程度上有效，因为我希望它是不可点击的，并且当人们从详细屏幕访问菜单时也删除它的突出显示（如果这有意义的话）。任何帮助表示赞赏.. 请注意，我的所有屏幕都在 app.js 文件中，因此我没有任何其他组件。如果你有一些道具，你可以提出一个条件...比如： {state.props == 'something-true' ? (<Drawer.Screen name="DetailsScreen" component={DetailsScreen} options={{ drawerLabel: () => null, title: null, }}/>) : null} 您需要制作自定义抽屉，然后为隐藏选项卡设置条件，如下所示。 let hiddenTabs =[] <- from redux; // so you can change dynamically navigation.state.routes.map((route, index) => { const focused = activeItemKey === route.key; const scene = { route, index, focused }; const label = getLabel(scene); return ( !hiddenTabs.includes(label) && <TouchableOpacity key={index.toString()} onPress={() => navigation.navigate(label)}> <Text>{label}</Text> </TouchableOpacity> ); }) 不需要在路由器中隐藏屏幕。因为您可以激活这些屏幕更改隐藏选项卡列表。在选项属性中，尝试drawerItemStyle: { display: "none" }。

react-native navigation hide drawer

回答 3 投票 0

如何在点击router-link时隐藏vue3中的bootstrap offcanvas？

美好的一天，我想在点击里面的链接时隐藏 bootstrap-5/Offcanvas。这是Offcanvas： //按钮激活Offcanvas 美好的一天，当我点击里面的链接时，我想隐藏 bootstrap-5/Offcanvas。这是画布： //Button activate Offcanvas <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasDarkNavbar" aria-controls="offcanvasDarkNavbar"> <span class="navbar-toggler-icon"></span> </button> //Offcanvas <div class="offcanvas offcanvas-end text-bg-dark" tabindex="-1" id="offcanvasDarkNavbar" aria-labelledby="offcanvasDarkNavbarLabel"> <div class="offcanvas-header"> <h5 class="offcanvas-title" id="offcanvasDarkNavbarLabel">Menu</h5> </div> <div class="offcanvas-body"> <ul class="nav nav-pills flex-column mb-sm-auto mb-0 align-items-center align-items-sm-start" id="menu"> <li class="nav-item"> <router-link to="/about" class="nav-link link-info align-middle px-0"> <i class="fs-4 bi-house"></i> <span class="ms-1 d-none d-sm-inline">Home</span> </router-link> </li> </ul> </div> </div> 在官方文档中他们说：可以使用构造函数创建一个offcanvas实例，例如： var myOffcanvas = document.getElementById('myOffcanvas') 或 var bsOffcanvas = new bootstrap.Offcanvas(myOffcanvas) 然后使用“隐藏”方法。我尝试在 router-link @click="hideThisCanvas" 中使用，然后 methods: { hideThisCanvas(){ let myOffcanvas = document.getElementById('offcanvasDarkNavbar') myOffcanvas.hide(); } } 但它给出了错误myOffcanvas.hide is not a function。请帮忙！你必须使用构造函数创建一个offcanvas实例，例如： methods: { hideThisCanvas(){ let myOffcanvas = document.getElementById('offcanvasDarkNavbar') let bsOffcanvas = bootstrap.Offcanvas.getInstance(myOffcanvas); bsOffcanvas.hide(); } } 或 methods: { hideThisCanvas(){ let myOffcanvas = document.getElementById('offcanvasDarkNavbar') let bsOffcanvas = new bootstrap.Offcanvas(myOffcanvas); bsOffcanvas.hide(); } } 因为使用传统的文档选择器对于现代 JS 框架来说并不理想，所以你可以像这样为你的 offCanvas 创建一个引用。 <div ref="offCanvas" class="offcanvas offcanvas-start" tabindex="-1" id="example_canvas"> 然后按照你应该的方式在你的 vuejs 函数中访问它示例 let myOffcanvas = this.$refs.offCanvas; 你的最终方法应该是这样的 methods: { hideThisCanvas(){ let myOffcanvas = this.$refs.offCanvas; let bsOffcanvas = new bootstrap.Offcanvas(myOffcanvas); bsOffcanvas.hide(); } } 我对 vuejs 不太了解，但我希望你现在有了概念，它对你有帮助。 “点击”切换器也有效。创建您的路由器链接通过 @click 调用的函数： function closeOffcanvas() { document.getElementById('offcanvasToggler').click() } 切换器必须有 id： <button id="offcanvasToggler" class="navbar-toggler" data-bs-toggle="offcanvas" data-bs-target="#offcanvas" aria-controls="offcanvas"> 路由器只是调用函数来引发点击： <router-link :to="{ name: 'home'}" class="nav-link" @click.prevent="closeOffcanvas()"> 我确信存在上面提到的使用 ref 的更好的类似 vue 的代码。这对我来说是有效的。如果有的话，您还可以参考关闭按钮，即带有的按钮 data-bs-dismiss="offcanvas"

javascript vuejs3 hide bootstrap-5

回答 2 投票 0

如何仅使用无序列表创建语言选择下拉列表？

基本上我想创建一个带有标志的语言下拉列表，默认为德国。首先，创建一个div并在里面代表德国国旗的 img 和包含

javascript jquery css hide

回答 1 投票 0

隐藏 Flutter Form Builder 上的字段

假设我们想在表单提交时传递一个 ID，但我们不希望用户看到它，在 flutter_form_builder 上：^7.1.1 没有隐藏字段的选项，有什么解决方法吗？

flutter forms field hide formbuilder

回答 2 投票 0

隐藏变量值

我正在编写一个小型Android应用程序，我需要隐藏一些变量值。我有一个从内容提供商处获得的 API 密钥，内容提供商为我提供内容以在我的应用程序中显示我需要检索数据...

java android hide

回答 2 投票 0

如何删除 Jetpack Compose 中的状态栏？

我正在尝试从我的应用程序中删除状态栏。我查了几个帖子，很多人都推荐这个： val systemUiController = RememberSystemUiController() 系统Ui控制器。

colors android-jetpack-compose hide statusbar

回答 2 投票 0

有没有办法显示：无；除一个元素外的所有元素都使用 if 语句？

尝试隐藏除一张产品卡之外的所有产品卡，以便在单击轮播按钮时将显示的一张产品卡变成轮播以显示隐藏的产品卡。产品卡将...

javascript css if-statement hide hidden

回答 1 投票 0

如何隐藏几秒钟后自动添加到购物车模式确认（prestashop 8）

当用户单击“添加到购物车”按钮时，会出现一个模式窗口进行确认。这是没有必要的。我想在几秒钟后自动隐藏模式确认添加到购物车（presta...

popup hide cart shopping-cart prestashop-1.7

回答 1 投票 0

当另一个项目被隐藏时，jquery 仅工作第一个项目

我写了一个jquery来显示更多和显示更少的项目。它仅适用于第一项。但是当我要去另一个项目并选择显示更多项目时。它不起作用。我明白当我

jquery hide show

回答 1 投票 0

如果第二个元素接收特定类，如何隐藏元素？

例如我们有2个按钮第一个按钮一些文本 - 此按钮具有动态类，例如：变体一、变体二、变体...

javascript jquery css hide show-hide

回答 1 投票 0

使用 CSS 隐藏文本，最佳实践？

假设我有这个元素用于显示网站徽标： ... 假设我有这个元素用于显示网站徽标： <div id="web-title"> <a href="http://website.com" title="Website" rel="home"> <span>Website Name</span> </a> </div> #web-title将使用background:url(http://website.com/logohere.png)进行样式设置，但是如何正确隐藏文本Website Name？如此处所示：Hide text using css或此处https://stackoverflow.com/a/2705328，我见过各种隐藏文本的方法，例如： #web-title span { text-indent: -9999px; } 或 #web-title span { font-size: -9999px; } 或 #web-title span { position: absolute; top: -9999px; left: -9999px; } 我还看到一些结合了这三种方法。但实际上哪一种是有效隐藏文本的最佳实践？实际上，最近出现了一项新技术。本文将回答您的问题：http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement .hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; } 它是可访问的，并且具有比-99999px更好的性能。更新：正如@deathlock在评论区提到的那样，上述修复的作者（Scott Kellum）建议使用透明字体：http://scottkellum.com/2013/10/25 /the-new-kellum-method.html。你可以简单地使其透明 { width: 20px; height: 20px; overflow: hidden; color:transparent; } 你不能像这样简单地使用display: none;吗 HTML <div id="web-title"> <a href="http://website.com" title="Website" rel="home"> <span class="webname">Website Name</span> </a> </div> CSS .webname { display: none; } 或者如果您担心预留空间，可以考虑一下可见性吗 .webname { visibility: hidden; } 大多数开发者会做的方式是： <div id="web-title"> <a href="http://website.com" title="Website" rel="home"> <span class="webname">Website Name</span> </a> </div> .webname { display: none; } 我曾经也这样做过，直到我意识到您正在隐藏设备的内容。又名屏幕阅读器等。所以通过： #web-title span {text-indent: -9000em;} 确保文本仍然可读。将 .hide-text 类添加到包含文本的跨度中 .hide-text{ display:none; } 或使文本透明 .hide-text{ color:rgba(0,0,0,0); } 根据您的用例使用。如果您愿意在标记中容纳此内容（就像您在问题中保留文本一样），我会使用其 CSS 帮助器中使用的任何 jQuery UI ： .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } 如果您绝对拒绝为要隐藏在图像容器中的文本添加额外的标记，则图像替换技术很好。 Google（搜索机器人）需要的是向机器人提供与向用户提供的内容相同的内容。缩进文本（任何文本）会让机器人认为它是垃圾邮件或者您正在向用户和机器人提供不同的内容。最好的方法是直接使用徽标作为锚标记内的图像。为您的图像添加“alt”。这非常适合机器人阅读，也有助于图像搜索。这直接来自马口：http://www.youtube.com/watch?v=fBLvn_WkDJ4 截至 2015 年 9 月，最常见的做法是使用以下 CSS： .sr-only{ clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } 我这样做： .hidden-text { left: 100%; display: inline-block; position: fixed; } 另一种方式 position: absolute; top: 0px; left: -5000px; 它可能会起作用。 .hide-text { opacity:0; pointer-events:none; overflow:hidden; } 可能适用于某些用例的另一个选项： .myelement { font-size: 0; color: transparent; user-select: none; } 我意识到这是一个老问题，但 Bootstrap 框架有一个内置类（仅限 sr）来处理除屏幕阅读器之外的所有内容上的隐藏文本： <a href="/" class="navbar-brand"><span class="sr-only">Home</span></a>

html css hide

回答 13 投票 0

如何隐藏带有文件名、面包屑和操作按钮的 VS Code 栏？

我想隐藏屏幕截图中可见的工具栏：我可以通过进入全屏模式来隐藏菜单栏，但我无法摆脱包含文件名、运行按钮、拆分等的菜单栏...

java visual-studio-code hide visibility

回答 2 投票 0

如何隐藏 VS Code 栏以及文件名、面包屑、运行 java、拆分编辑器和更多操作？

我想隐藏屏幕截图中可见的工具栏：我可以通过进入全屏模式来隐藏菜单栏，但我无法摆脱包含文件名、运行按钮、拆分等的菜单栏...

java visual-studio-code hide visibility

回答 2 投票 0

如何在 SwiftUI 中隐藏状态栏

我想在 SwiftUI 中隐藏状态栏。我尝试过“statusBar(hidden: true)”方法，但它不起作用。有什么解决方案可以在 SwiftUI 中实现它吗？演示代码如下： var body：一些...