问题标签 [cupertinotabbar]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
2872 浏览

scaffold - 我可以将浮动操作按钮停靠在 CupertinoTabBar 中吗?

我想知道是否有办法将浮动操作按钮停靠在 CupertinoTabBar 中。我想得到如下图所示的结果

在此处输入图像描述

我的屏幕组织如下

  • CupertinoTab 脚手架
    • CupertinoTabView
      • 库比蒂诺页脚手架
        • 库比蒂诺导航栏
        • 脚手架
    • 库比蒂诺标签栏

我试图将以下代码添加到我的脚手架,但结果不是我想要的。我知道问题是 TabBar 不在脚手架内,因此它没有停靠但是我想知道是否有办法将浮动按钮放在其他地方以获得我想要的结果

这是代码

这是我得到的结果......

在此处输入图像描述

0 投票
0 回答
546 浏览

flutter - Flutter:如何在 CupertinoTabBar 中显示徽章并根据用户输入更新值

我有一个带有 CupertinoTabScaffold、CupertinoTabBar 和一系列 BottomNavigationBarItem(s) 的 CupertinoApp。我设法在其中一个 BottomNavigationBarItem(购物篮选项卡)中添加了一个徽章。请参阅下面的图片以及我的代码

在此处输入图像描述

现在,我想根据在另一个选项卡中触发的事件更新该徽章文本。我将徽章的值存储在单例 ( appData.basketList) 中,并且此信息可用于我的所有屏幕。每次我触发该事件时,appData.basketList.length.toString() 都会更改,但我的徽章不会更改。只有当我热重载时它才会改变......所以这是我的问题:如何更新我的徽章文本?

谢谢 !

0 投票
1 回答
103 浏览

flutter - Flutter Cupertino bottom_tab_bar:'方法'方法'在 null 上被调用'

我的应用程序上有一个 cupertino bottom_tab_bar,但是每次我点击其中一个图标来更改页面时,调试控制台都会显示:

════════ 手势捕捉到异常═════════════════════════════════════════════════════════ ═════</p>

在 null 上调用了方法“jumpToPage”。

接收方:空

尝试调用:jumpToPage(2)

══════════════════════════════════════════════════ ══════════════════════════════

它不会改变页面。

我的飞镖代码:

Flutter 版本:已经是最新的。Flutter 已经在频道测试版上更新 Flutter 1.14.6 • 频道测试版 • https://github.com/flutter/flutter.git 框架 • 修订版 fabeb2a16f(4 周前) • 2020-01-28 07:56:51 -0800 引擎 • 修订版 c4229bfbba 工具 • Dart 2.8.0(内部版本 2.8.0-dev.5.0 fc3af737c7)

0 投票
1 回答
1752 浏览

flutter - 如何在颤动中分离后退按钮的一键和双击?

我正在尝试创建一个功能来退出应用程序时双击返回按钮在CupertinoTabbar.

虽然我已经应用了各种功能,例如DoubleBackToCloseApp插件或WillPopScope,但每当我点击后退按钮时,都会出现退出消息。

因此,我想构建一个代码工作,如下所示:

  • 只需点击一次返回按钮,在页面之前返回
  • 在几秒钟内点击两次,退出应用程序。

我的标签栏如下:

谢谢!

我终于解决了这个问题。我将发布更新的代码!

我只修改_onWillPop()了一部分。谢谢!

0 投票
0 回答
184 浏览

flutter - Flutter:CupertinoTabView 内 TextField 的文本工具栏(选择、剪切、复制、粘贴)不可点击

内部TextFieldaCupertinoTabView不允许使用工具栏选择、复制、粘贴、剪切文本。工具栏不可点击。但是当 CupertinoTabView 祖先被移除时,它可以正常工作。我需要CupertinoTabView作为祖先来在选项卡内推送更多路线。

TextField.

0 投票
1 回答
950 浏览

flutter - Flutter 中 CupertinoTabView 中的强制重新加载页面

当用户点击 中的项目时CupertinoTabView,我想每次都重新加载页面。现在,它只是第一次加载。下一次它只显示以前的状态。我想强制重新加载它。例如,当用户点击 pageThree 时,即下面代码中 switch case 中的“case 2”,我想重新加载该页面。

这是我的代码:

0 投票
2 回答
1744 浏览

flutter - Flutter showModalBottomSheet 隐藏在 CupertinoTabBar 后面

我使用 CupertinoTabBar,但想在用户的设备是 Android 时显示材料设计 BottomSheet。但是,当我同时使用它们时,BottomSheet 隐藏在 CupertinoTabBar 后面,如下所示。

你能帮我解决这个问题吗?还是两者都用不好?

在此处输入图像描述

我的简化代码

0 投票
1 回答
314 浏览

flutter - Flutter:带有 CupertinoTabBar 的 CupertinoTabScaffold 在推送屏幕中的 TabBar 底部创建 RenderFlex 溢出问题

我是一名 iOS 开发人员,所以我知道 TabBarController 在 iOS 中的工作原理。现在我正在研究 Flutter(第一个 APP)。

我有一个应用程序,它使用 CupertinoApp-CupertinoTabScaffold-CupertinoTabBar 在每个嵌套屏幕中保留 BottomNavigationBar。

我的应用程序的层次结构

要从 HomePage 推送到 DetailPage,使用以下代码:

现在在详细信息屏幕上,我需要Column一些视图和GridView. 所以当GridView有更多项目时,它会给出错误:

这是 的空间TabBar

那么如何在 Flutter 中管理这种类型的页面,在嵌套屏幕中拥有 TabBar 和可滚动的 Widget?

我已经关注了这个链接

详细页面代码:

输出:

详情页

0 投票
1 回答
135 浏览

flutter - CupertinoTabView 在热重载时重置

我正在开发一个应用程序,使用 CupertinoApp 模型。我正在为应用程序使用 CupertinoTabView 模型。现在在开发过程中,标签索引会在热重载时重置。我尝试在选项卡控制器上设置状态,但它仍然会重置。

代码:

有没有办法不重置?

0 投票
1 回答
119 浏览

flutter - 在 Flutter 中切换时在 CupertinoTabBar 中处理相机预览

我正在构建一个 QR 码扫描仪应用程序,其中包含在 CupertinoTabScaffold 中的 CupertinoTabBar 中的几个选项卡。我有一个 CupertinoTabController 来处理选项卡之间的切换。其中一个选项卡具有来自 Flutter 的 Camera 插件的 CameraPreview 小部件以及适当的处置机制。但是,每当切换选项卡时,相机流仍然存在,导致手机发热并导致 janky UX。现在我读到 Material 小部件中的 BottomNavigationBar 不会以这种方式持续存在。关于如何使用 CupertinoTabBar 实现相同行为的任何想法?