问题标签 [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 回答
11723 浏览

dart - 如何使用 Flutter Cupertino 图标?

我知道要使用它们,您必须import 'package:flutter/cupertino.dart';像这样使用它,Icon(CupertinoIcons.info);但是很难选择需要的图标。

亲爱的 Flutter 团队,请在某处提供完整的 Cupertino 图标参考。一个地方有没有图标的名字,另一个地方有没有名字的图标。

更新:

正如 Mariano 所指出的,并且如本答案所示,名称映射尚未完成,我们可以使用如下图标:

其中 0xf3dd 是您可以在此处找到的图标 (f3dd) 代码。

0 投票
3 回答
2487 浏览

flutter - 如何更改 CupertinoDatePicker 的背景颜色

我在我的应用程序中使用 CupertinoDatePicker。

该应用程序正在使用 MaterialApp (MaterialTheme)。有没有办法改变 CupertinoDatePicker 的背景颜色?

这是我尝试过的(将 CupertinoDatePicker 包裹在 CupertinoTheme 周围并将颜色设置为黑色)但它不起作用。

0 投票
2 回答
7790 浏览

dart - 在 CupertinoNavigationBar 中,我如何在前导中显示除后退按钮之外的按钮?

我试过这样的事情:

当点击按钮时,它失败了

原因是这个代码在CupertinoNavigationBarBackButton返回null

我想知道为什么会这样?是不是因为我按下按钮的时候context还没有找到路线?

手动添加后退按钮的正确方法是什么?

提前致谢。

0 投票
1 回答
268 浏览

ios - 多个实体绑定的 CupertinoTextFields,可节省焦点

我有一些条目的列表,我想在焦点上进行编辑。我为每个条目创建了 FocusNode,也为每个条目创建了 CupertinoTextField。

出于某种奇怪的原因,在模拟器中(未在真实设备上测试),当我点击其中许多 TextFields 时,我得到了这个:

在此处输入图像描述

如何在不使用 FocusNode/ 且所有这些光标都闪烁的情况下将焦点绑定到 TextField?

0 投票
2 回答
1868 浏览

dart - 有谁知道如何向 CupertinoSliverAppBar 添加渐变背景?

我正在尝试CupertinoSliverAppBar在 Flutter 应用程序中添加渐变背景,但我似乎不知道该怎么做。SliverAppBar有一个可以接受渐变的flexibleSpace属性,但CupertinoSliverAppBar只有一个backgroundColor属性。

或者,如果可以将标题flexibleSpace向左移动,我可以这样做。但我也想不通。

我读了这些:

这个问题在 Flutter 存储库中打开:https ://github.com/flutter/flutter/issues/25144

@rmtmckenzie 成功了!值得注意的是,这也适用于CupertinoSliverNavigationBar. 此外,所有过渡动画都被保留,除了您将看到backgroundColor属性被动画化的背景。您可以通过使用其中一种渐变颜色来作弊,backgroundColor但它并不完美。渐变确实呈现在内容下方。见下文:

在此处输入图像描述

0 投票
1 回答
2276 浏览

flutter - 显示键盘时如何隐藏cupertinoTabBar?或者如何让键盘覆盖酒吧?还是将标签栏始终保持在底部?

我在我的颤振应用程序中使用 CupertinoTabBar。问题是当键盘出现时底部栏显示,它不应该。它是一个底部栏,它应该始终位于底部。

我还没有找到一些方法或技巧来做到这一点。也许有人可以指导我做出正确的行为。

这是我的颤振医生输出

医生摘要(要查看所有详细信息,请运行 flutter doctor -v):

[✓] Flutter (Channel master, v1.6.1-pre.50, on Linux, locale en_US.UTF-8)

[✓] Android 工具链 - 为 Android 设备开发(Android SDK 版本 28.0.3)

[✓] Android Studio(3.3版)

[✓] VS 代码(版本 1.33.1)

[✓] 连接设备(1 个可用)

这是 cupertinoTabBar 允许的唯一选项:

这是键盘出现时我的 CupertinoTabBar 上升的方式:

捕获

更新:

我正在尝试验证键盘的状态是否不显示 CupertinoTabBar,但它位于 CupertinoTabScaffold 内:

这是键盘出现时的显示方式:

仍然可见 CupertinoTabBar

0 投票
1 回答
1593 浏览

flutter - Flutter BottomNavigationBarItem 只接受 Icon 而没有其他小部件?

在我们的 Flutter Cupertino 项目中,我们需要在底部栏图标之一上显示一个徽章。准确地说,购物车中有多少商品。

我已经尝试过这里提供的不同小部件和解决方案,但BottomNavigationBarItem只接受icon: Icon(..),没有别的。例如,如果我使用 puticon: Stack(..)而不是icon: Icon(..),则会显示错误消息,例如“Invalid const value...”

这是一些示例代码:

所以如果我不能把任何东西代替Icon(..)。没有其他小部件,没有Stack(..)

为什么?我怎样才能放一些其他小部件,例如Badge(..)

这个问题与可能的重复问题不同,因为我已经尝试了那里发布的解决方案,但仍然无法使用 Stack(..),而只能使用 Icon(..)。

0 投票
2 回答
3248 浏览

flutter - 如何增加 CupertinoSliverNavigationBar 的高度

我试图用颤振克隆 WhatsApp(iOS 版本)Cupertino Widgets

在尝试制作标题时,CupertinoSliverNavigationBar我注意到CupertinoSliverNavigationBar无法增加高度。

我的代码

截图如下:

我想要达到的目标

我想要达到的目标

我得到了什么

在此处输入图像描述

是否有任何解决方法或无论如何可以增加高度?谢谢!

0 投票
4 回答
9147 浏览

flutter - 删除颤振警报对话框的灰色背景

我的 Flutter 应用程序中有一个 CupertinoAlertDialog 和 AlertDialog。每次弹出对话框,它后面的一切都会变暗。我想删除背景。我怎么做?

0 投票
4 回答
3443 浏览

flutter - 如何仅在调用 onPressed 时更改 CupertinoButton 背景颜色

我尝试过以下代码,但只有在按下按钮时它才会改变按钮的颜色。