问题标签 [flutter-card]

我的应用程序中有卡片，每张卡片有 4 个灰色项目，如果选择了该项目，则其颜色变为蓝色，其他卡片中的相同项目应该禁用，我无法使用地图收集来做到这一点。所以我有 IT、DEV、TEST、HR 等项目，如果在任何一张卡中选择了 IT，那么其余卡中的其余 IT 项目应该禁用。我将在下面附上应用程序的屏幕截图和代码。任何人都可以帮助我，请。提前致谢。

我正在使用flutter_stripelib 来集成 Stripe 支付方式，但是当我将 Card 小部件与此 lib 一起使用时会出错。

我的错误如下：

“名称‘Card’在库‘package:flutter/src/material/card.dart (via package:flutter/material.dart)’和‘package:stripe_platform_interface/src/models/payment_methods.dart’中定义。\ n尝试对其中一个导入指令使用“作为前缀”，或者对除一个导入之外的所有导入指令隐藏名称。",

GestureDedector 的 onTap 事件有问题。我也试过卡，但不工作。当我点击 sizedbox 时没有任何反应。

谢谢你。

我有一张卡片，里面有一些小部件，最后有一个按钮可以让我回到顶部。当我进一步向下滚动时，我希望此按钮固定在屏幕顶部。

多亏了这个答案，我才能实现它，但是看起来很糟糕，而且可能效率低下（实际上，当我添加所有小部件时，应用程序的反应似乎很慢）。

我希望卡片实际上表现得像一张卡片：删除内部阴影，在卡片周围添加一些填充，并删除我当前使用的 SliverAppBar 的背景。考虑到我对 Flutters 中的 slivers 很陌生，实现目标的最佳方法是什么？

怎么选换卡，我在列表里试过了，但是中间流行的卡不一样。让我选择的卡的设计改变我想做的，当我选择不同的卡时，另一张卡已恢复

我卡片的文本部分有多个文本小部件，我必须将它们放在column. 我想将这整个部分添加到一个row小部件下，以便我可以将图像部分添加到此列小部件的右侧。

这就是我所做的：

但不是卡片，布局看起来像这样：

如图所示，由于某种原因，图像与列小部件不一致。我在这里犯了什么错误？

我在从模型中获取的 gridView 中列出了多张卡片。我想在选择卡片时更改特定卡片的背景颜色。也就是说，当我触摸卡片时，我希望那张卡片的颜色发生变化，如果我选择另一张卡片，我希望第一张卡片的颜色恢复到原来的颜色，并希望第二张卡片的颜色发生变化。我尝试了各种方法，但无法做到。

网格视图：

该模型：

...

我正在尝试制作这样的屏幕：

为此，我将 ListView 与自定义项目一起使用。这是我的项目代码：

我需要将标题和描述对齐到顶部，并在底部自定义底部。为此，我在 Column 内使用 Spacer() 并用 Expanded 小部件包装了我的 Column。但是当我用 Expanded 包装我的小部件时，我得到如下错误：

RenderFlex 子项具有非零弹性，但传入的高度约束是无界的。

当列位于不提供有限高度约束的父级时，例如，如果它位于垂直可滚动中，它将尝试沿垂直轴收缩包裹其子级。在一个子节点上设置一个 flex（例如使用 Expanded）表示该子节点将展开以填充垂直方向上的剩余空间。这两个指令是互斥的。如果父级要收缩包裹其子级，则子级不能同时扩展以适应其父级。

考虑将 mainAxisSize 设置为 MainAxisSize.min 并为灵活的子项使用 FlexFit.loose（使用 Flexible 而不是 Expanded）。这将允许灵活的子级将自己的大小调整为小于他们将被迫占用的无限剩余空间，然后将导致 RenderFlex 收缩包裹子级，而不是扩展以适应父级提供的最大约束。

当我删除 Expanded() 和 Spacer() 时，错误号。但我得到错误的看法。看图片：

请帮助我做错了什么（

Flutter 的新手。我想设计如下的屏幕。我正在使用 ListTile，但它不允许我添加多个文本。帮助将不胜感激。