navigation-drawer 相关问题

Android导航抽屉是一个面板,可以从屏幕边缘进出,并显示应用程序的主要导航选项。

无法将函数传递给flutter中的子对象

我正在尝试将一个函数传递给 Flutter 中的子wisget。子窗口小部件应通过此函数返回按下的按钮的索引。 子小部件是一个侧面菜单(抽屉),并且取决于...

回答 1 投票 0

错误:index.js:找不到模块“babel-plugin-r”React Native

我做了什么导致了错误: 我有一个新安装的 Bare React Native Project 。我想使用抽屉导航并且必须安装 React Native Reanimated 2.3.0-alpha.2 。 我有什么

回答 0 投票 0

如何解决错误导航器只能包含“屏幕”组件作为其直接子组件(找到“;”)?

我一直在尝试嵌套抽屉导航器、底部选项卡导航器和堆栈导航器。我收到两个相同的错误: 导航器只能包含“屏幕”组件作为其直接子组件(发现...

回答 2 投票 0

React Native - 单击抽屉组件底部导航时不显示

我是 React Native 的新手,正在构建一个带有登录、注册、主页和设置屏幕的简单应用程序。 我已经安装了 Stack Navigator、Drawer Navigator 和 Bottom Tabs Navigator 以及

回答 1 投票 0

从同级组件访问 DrawerStatus

我的主应用程序包含一个带有 Drawer.Navigator 的 NavigationContainer,其中包含其 Drawer.Screen 组件。 在导航器之外,我在

回答 1 投票 0

Android Jetpack Compose 嵌套导航 Backstack 行为

因此,在我的撰写应用程序中,我设置了多个带有一个嵌套导航的屏幕,如下所示: 可组合( 路线 = RackInspectionScreen.RackInspectionObservationsRecommendationsScreen.rou...

回答 1 投票 0

当抽屉仍然显示在我导航到的任何页面上时,如何使用 GetX 进行导航

我有这个抽屉,我正在尝试在页面之间导航,而抽屉仍然使用 GetX 显示在所有页面中,但我不知道该怎么做,有人可以帮忙吗? ComplexDrawer 类扩展了 GetVie...

回答 1 投票 0

像ChatGPT Android App一样创建全屏背景色的Flutter抽屉

我正在尝试实现一个类似于 ChatGPT Android 应用程序的 Flutter 抽屉,目标是覆盖顶部状态栏和底部任务栏的全屏背景颜色。不过,我

回答 1 投票 0

通过单击自定义按钮打开移动菜单抽屉

我添加了一个粘性底部菜单,该菜单仅在移动设备上可见。 这是小部件的完整代码: /* 添加一些笔...</desc> <question vote="-1"> <p>我添加了一个粘性底部菜单,该菜单仅在移动设备上可见。</p> <p><a href="https://i.stack.imgur.com/MOuKv.jpg" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tL01PdUt2LmpwZw==" alt=""/></a></p> <p>这是小部件的完整代码:</p> <pre><code> &lt;head&gt; &lt;style&gt; /* Add some styling for the sticky section */ .sticky-section { position: fixed; bottom: 0; width: 100%; background-color: #f8f8f8; padding: 10px; text-align: center; z-index: 99; display: flex; height: 70px; justify-content: space-around; box-shadow: 0 0 10px rgba(0,0,0,.11); } .sticky-section-nav { position: fixed; bottom: 0; width: 100%; background-color: #f8f8f8; padding: 10px; text-align: center; z-index: 999; display: flex; height: 70px; justify-content: space-around; box-shadow: 0 0 10px rgba(0,0,0,.11); } /* Hide the sticky section on desktop screens */ @media only screen and (min-width: 768px) { .sticky-section { display: none; } } /* styling for the links */ .sticky-section-bar-nav-grid a { color: #000; text-decoration: none; margin: 10px; font-size: 1.3rem; display: flex; flex-direction: column; align-content: center; align-items: center; } /* add font awesome icons */ .sticky-section .fa { font-size: 1.6rem; } .sticky-section-bar-nav-grid{ align-items: center; border-right: 1px solid #eee; display: flex; flex: 1 0 auto; justify-content: center; padding: 0px 20px; position: relative; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div class=&#34;sticky-section&#34;&gt; &lt;ul class=&#34;sticky-section-nav&#34; style=&#34;background-color: #fff; border-color: #000&#34;&gt; &lt;li class=&#34;sticky-section-bar-nav-grid&#34;&gt; &lt;a class=&#34;sticky-section-icon-1&#34; href=&#34;/home&#34;&gt; &lt;img src=&#34;https://cdn.shopify.com/s/files/1/0732/1701/6089/files/home_1.png?v=1684754596&#34; style=&#34;width: 20px; &#34;&gt; &lt;span class=&#34;sticky-section-menu-title&#34; style=&#34;display: block;color: #000;&#34;&gt;Home&lt;/span&gt; &lt;/a&gt; &lt;/li&gt; &lt;li class=&#34;sticky-section-bar-nav-grid&#34;&gt; &lt;a class=&#34;sticky-section-icon-2&#34; href=&#34;/collections/all&#34;&gt; &lt;img src=&#34;https://cdn.shopify.com/s/files/1/0732/1701/6089/files/category.png?v=1684754597&#34; style=&#34;width: 20px; &#34;&gt; &lt;span class=&#34;sticky-section-menu-title&#34; style=&#34;display: block;color: #000;&#34;&gt;Categories&lt;/span&gt; &lt;/a&gt; &lt;/li&gt; &lt;li class=&#34;sticky-section-bar-nav-grid&#34;&gt; &lt;a class=&#34;sticky-section-icon-3&#34; href=&#34;/cart&#34;&gt; &lt;img src=&#34;https://cdn.shopify.com/s/files/1/0732/1701/6089/files/shopping-cart.png?v=1684754596&#34; style=&#34;width: 20px; &#34;&gt; &lt;span class=&#34;sticky-section-menu-title&#34; style=&#34;display: block;color: #000;&#34;&gt;Cart&lt;/span&gt; &lt;/a&gt; &lt;/li&gt; &lt;li class=&#34;sticky-section-bar-nav-grid&#34;&gt; &lt;a class=&#34;sticky-section-icon-4&#34; href=&#34;/cart&#34;&gt; &lt;img src=&#34;https://cdn.shopify.com/s/files/1/0732/1701/6089/files/user.png?v=1684754597&#34; style=&#34;width: 20px; &#34;&gt; &lt;span class=&#34;sticky-section-menu-title&#34; style=&#34;display: block;color: #000;&#34;&gt;Cart&lt;/span&gt; &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/body&gt; </code></pre> <p>我想在单击类别图标时打开默认的移动菜单抽屉(当我们单击汉堡图标时打开)。</p> <p>有人可以帮忙吗?我会非常感激。</p> <p>一位开发人员添加了此脚本,它在我的一个网站上运行,但在另一个网站上不起作用(相同的主题,相同的代码,相同的抽屉类)</p> <pre><code>&lt;script&gt; setTimeout(function () { $(document).on(&#34;click&#34;, &#34;.ad-menu-icon-1&#34;, function (e) { e.preventDefault() $(&#39;.menu-drawer-container .header__icon--menu&#39;).click(); }); }, 1500); &lt;/script&gt; </code></pre> </question> <answer tick="false" vote="0"> <p>尝试以下 jQuery 代码片段,将 <pre><code>#hamburger</code></pre> 替换为正确的选择器 <pre><code>class</code></pre> 或 <pre><code>id</code></pre>,以触发“汉堡包项目”打开菜单抽屉:</p> <pre><code>add_action(&#39;wp_footer&#39;, &#39;wp_footer_script_test_js&#39;, 10); function wp_footer_script_test_js() { ?&gt; &lt;script&gt; jQuery(function($){ $(&#39;body&#39;).on(&#34;click&#34;, &#34;.sticky-section-icon-2&#34;, function(e) { e.preventDefault(); console.log(&#34;click&#34;); // Just for testing (after remove it) $(&#39;#hamburger&#39;).click(); }); }); &lt;/script&gt; &lt;?php } </code></pre> <p>应该可以。</p> </answer> </body></html>

回答 0 投票 0

在 Android Gradle 插件版本 8.0 中,资源 ID 默认情况下是非最终的,请避免在 switch case 语句中使用它们

我在 Android Studio 中收到有关导航抽屉资源的警告。警告是: 在 Android Gradle 插件版本 8.0 中,资源 ID 默认情况下是非最终的,避免在 switch case 中使用它们

回答 4 投票 0

在 flutter 项目中使用弯曲导航栏时 CustomNavigationDrawer 不起作用

当我添加时请帮助我的项目 孩子:getSelectedWidget(索引:_selectedPage) 底栏工作并且页面显示没有问题,但侧边栏(CustomNavigationDrawer)不起作用...

回答 1 投票 0

在 android 5+ 中使用导航抽屉时,导航栏隐藏但留出空间

我正在尝试开发一个全屏应用程序,有两个主要活动:LoginActivity 和 DashboardActivity。 LoginActivity 只有用于用户输入登录的 UI,例如用户名和密码。在这个屏幕上...

回答 2 投票 0

“scale”键的变换必须是数字:{“scale:0”}

我尝试在本机反应中进行动画转换存在问题...转换没有获取变量“scale Value”

回答 1 投票 0

React Native 抽屉导航静态视图区域

我制作了在左侧打开的菜单,但我想在这个菜单的底部设置一个区域,并在其中放置一个图片和退出按钮。我的尝试失败了。我正在等待你的帮助。 我创造了...

回答 0 投票 0

没有操作栏的Android导航抽屉

我在Android Studio上创建了导航抽屉活动,但我的主题没有ActionBar(由于设计,我使用工具栏小部件),并且它拒绝工作,给了我一个java.lang.NullPointerExcept...

回答 4 投票 0

Jetpack Compose CoroutineScope 与导航

我搜索了很多但找不到答案。我有一个 ModalNavigationDrawer 和 3 个带有 TopAppBar 的不同屏幕。在实现抽屉的 MainComposable() 中,我已经实例化了

回答 0 投票 0

为什么我在导航抽屉里看不到图标(Android,Jetpack Compose)

我正在使用 Jetpack Composable 进行开发,以将 Icon Composable 放置在导航抽屉中。 实现代码时,点击Navigation Drawer中TopAppBar中的Menu图标即可看到Navigation

回答 0 投票 0

我想在指向登录屏幕的抽屉导航中添加注销按钮

当我点击抽屉导航时,它什么也没有显示,也没有打开任何东西 我尝试使用不同的技术,但我无法在 youtube 等上找到任何解决方案

回答 1 投票 0

抽屉导航

我安装了所有依赖项和包。其中不存在任何错误。我的抽屉导航不起作用。请给我一些有用的提示。我被困住了。它没有按预期工作。基本...

回答 1 投票 0

每次重新进入页面时都会调用 Flutter initState

我有三个页面,A、B、C,我通过抽屉在它们之间导航。 我的目标是让 initState 只被调用一次(当页面被插入到小部件树中时),以便每个

回答 1 投票 0

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