问题标签 [flutter-cupertino]

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 投票
1 回答
291 浏览

ios - 键盘打开时如何固定小部件布局?

我正在开发一个 Flutter 应用程序。在特定屏幕中,我有一个 Cupertino 样式的文本字段。(整个应用程序是 Cupertino,我在屏幕下方有四个 TabBar)。每当我单击文本字段时,虚拟键盘就会打开,并且所有小部件都挤在文本字段和键盘之间(当然还有黄黑色带)。

小部件是可扩展的行和列(Flexible 也有相同的结果)。

resizeToAvoidBottomPadding 被禁用。resizeToAvoidBottomInset 没有任何功能。SingleChildScrollView 不起作用。ListView 毫无意义,因为我的小部件是无状态的和静态的。

我需要的是在当前小部件之上打开键盘,而不是移动它们。这个问题在 iOS 和 Android 中都存在。

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 投票
2 回答
3119 浏览

flutter - 如何在 Flutter 中设置 Cupertino 应用程序的 textStyle

我有一个 CupertinoApp,我想TextStyle对我的应用程序的所有屏幕/对象应用自定义。例如,我会撒谎为所有 Text 小部件和 Dialog 小部件设置一个字体系列,并在我的所有应用程序中使用该字体。我希望将它设置一次,CupertinoThemeDataCupertinoTextThemeData到目前为止我还没有感到高兴。

注意:我可以为每个文本设置样式,但是我想一劳永逸地设置它

0 投票
2 回答
10095 浏览

flutter - 如何在 Flutter 中更改 CupertinoSwitch 非活动状态颜色

我的问题是,如何在 Flutter 中更改 CupertinoSwitch 的非活动颜色,使用普通 Switch 相当容易,因为我们有相应的属性,但在 CupertinoSwitch(iOS)上我们没有这些属性。

编辑:

这是现在的自定义类,以实现这一目标。

让我们看看 Flutter 开发团队对下面提出的问题的回应。

0 投票
1 回答
383 浏览

flutter - 在列表之间切换时,动态多级 CupertinoPicker 会倾斜第一个文本项的对齐方式

我正在尝试创建一个动态的多级 CupertinoPicker。当您从第一个列表中选择位置类型时,它会显示与该类型匹配的位置列表。这部分工作正常,问题是如果我切换到不同的位置列表,第二个位置列表的第一个 Text 小部件会根据第一个位置列表的第一个 Text 小部件缩进。

我尝试使用“对齐:TextAlignment.center”指定文本小部件应与中心对齐。在位置列表之间交换时,我还尝试将位置设置为空。这些都没有解决问题,也没有任何明显的效果。

结果应该是第一行是(想象这个集合成一个 CupertinoPicker):

----------------------------------城市1-------------- ----------------------

----------------------------------城市2-------------- ----------------------

但它看起来更像:

-------------------------------------------城市 1----------------- ----------------------

----------------------------------城市2-------------- ----------------------

如果需要图片,我将使用它们的链接编辑这篇文章。

0 投票
1 回答
402 浏览

flutter - 将 Choicechip 小部件与 Cupertino 应用程序一起使用

我正在尝试ChoiceChip在 Cupertino 应用程序中使用小部件。

我在 GitHub 上找到了这个解决方案https://github.com/flutter/flutter/issues/21872#issuecomment-421508939

这是我的代码

我得到这个错误

════════ 小部件库捕获的异常═════════════════════════════␕══以下断言在构建 ChoiceChip(dirty): No Material 小部件时被抛出。

ChoiceChip 小部件需要一个 Material 小部件祖先。

0 投票
1 回答
442 浏览

flutter - 如何修复“已关闭的 Dismissible 小部件仍然是树的一部分。” 飘飘然

我显示一个CupertinoPopupSurface并使用一个Dismissible小部件通过手势关闭对话框。当我向下滑动时,我调用 Navigator.of(context).pop();以关闭对话框并返回到上一个屏幕,但我得到了错误,它说Dismissible仍然是树的一部分。

我尝试提供一个唯一的密钥Dismissible(key: UniqueKey(), ...),但它仍然无法正常工作。

我想打电话Navigator.of(context).pop();并摆脱 Dismissible 小部件。

0 投票
0 回答
185 浏览

flutter - 如何修复 Flutter Cupertino TimerPicker 小部件上的值显示错误?

我在 Flutter 应用程序上实现了一个简单的 Cupertino TimerPicker 小部件,并且由于某种原因,选择器上显示的分钟值一旦超过 20 就会被修剪:

https://www.dropbox.com/s/jqu45skpjob4it0/Screenshot%202019-11-01%2013.51.29.png

最初我在 showModalBottomSheet 小部件中使用了一些自定义的小部件,但即使在尝试在列小部件中显示计时器选择器的最简单实现后,问题仍然存在。

当我旋转选择器时,我可以获得正确的值。例如,如果我选择 22 分钟,onTimerDurationChanged 会传递 22 分钟的 Duration 值,即使选择器在 UI 中仅显示“2”(如屏幕截图所示)。所以看起来问题在于小部件如何显示值。

这是 Timer Picker 子组件在其包含的 Column 小部件中的代码:

更多详细信息:

1) 只有在设置时才会出现该错误

如果模式设置为 .ms 或 .hms,问题就会消失。不幸的是,我需要使用 .hm 模式。

2) 在 iOS 上运行应用程序时出现问题(在模拟器和物理设备上)。具有讽刺意味的是,它在 Android 上运行良好。

--

我在控制台或 Android Studio 编辑器中没有收到任何错误。我不确定在哪里寻找故障排除。

0 投票
0 回答
454 浏览

flutter - 使用导航器时保持活动页面状态

我有一个有两个页面的应用程序,第一个有一个按钮可以导航到第二个页面,然后选择一个位置列表,保存时会弹出第二个页面并返回所选位置显示在芯片中的第一页,但是如果返回第二页编辑我的选择 现在重新构建了状态并且我的列表消失了 如何将列表状态保留在第二页中?