问题标签 [flutter-positioned]

我正在尝试使用其中的图像和文本来实现gridview。我想要黑色背景图像底部的文本。这是我的代码ListItem

使用此代码，它显示错误

从我读过的内容来看，这应该是可能的，但我无法让它发挥作用。我有一个Stack里面的bottom，appBar里面有一个Positioned列表Stack。一切似乎都按预期定位，但是appBar正在裁剪列表，因此如果.appBar和body.

我是 Flutter 的新手，但在 HTML 世界中，我有一个绝对定位的列表，并且 appBar 的 z-index 将被固定，高于 body 允许分层效果。

我已经尝试了很多变体，但似乎 appBar 想要裁剪它的孩子。任何帮助，将不胜感激。

这是我试图模仿的图片：

这是一段代码：

更新#1

我想创建一个 UI 组件，它将堆叠在屏幕其余部分的顶部，因此我可以在用户视图中转换它，但我也想让它可滚动。

没有可滚动组件的屏幕

屏幕顶部的可滚动组件

我能想到的唯一方法是使用 Stack 和 Positioned 小部件，但不幸的是 Stack 中的组件不能滚动。

我正在考虑 GestureDetector 并手动将列表向右滚动，这意味着将其中的大部分放置在屏幕的渲染区域之外。

你能想出一个更优雅的解决方案吗？

谢谢，托马斯

我正在开发一个带有可滚动地图和关卡的小游戏。我在SingleChildScrollView有一个可滚动的地图。我想把我的定位小部件（我的关卡）放在我的地图上。

我使用这个公式来找到地图分辨率：width_map/height_map。我使用这个公式来找到左边的距离：MediaQuery_width * resolution_map * custom_width_position。 我使用这个公式来计算高度距离：MediaQuery_height * resolution_map * custom_height_position。

这个公式与不同的智能手机有不同的结果=>地图上的水平不在同一个地方（它们靠近但地方不对应）。有任何想法吗？

提前致谢。

当我尝试使用定位小部件封装 PandemicCard 时，出现以下异常。如果我单独渲染卡片/无定位小部件，它就可以正常工作。

对于这段代码。谁能帮我弄清楚我做错了什么？

谢谢你的时间！

我有一个应用程序，我将很快上传到应用程序商店和 Playstore，但我担心它在不同尺寸的不同手机屏幕上看起来很有趣（该应用程序仅适用于手机，没有平板电脑）什么是最好的方法使用颤振的不同屏幕尺寸的代码？

为什么当我尝试在堆栈中使用对齐对齐时，他的孩子不会移动，但定位它是工作（我想使用它，因为我不能在所有移动维度中居中）

这是我的代码：

就是这样谢谢你:)

我正在尝试学习在 Flutter 中使用带有 Stack 和 PositionedTransitions 的动画，为此我正在制作一个简单的基于精灵的游戏。目前我的精灵出现在他们动画的结束位置，而不是在开始然后滑动到结束位置。
我的代码如下所示：

我应该打电话给_controller.forward()某个地方吗？何时何地？屏幕上一次最多有 10 个动画小部件，它们都使用同一个 _controller，它们必须同时滑动。

谢谢

PS：下面的代码，而不是 PositionedTransition 的东西，似乎朝着正确的方向发展：

但是我不知道如何指定动画的起点 - 它似乎在正确的位置结束，有时从正确的位置开始，但我如何强制它从正确的位置开始？我想是“补间”，但如果是这样，我不确定如何将其连接起来。或者通过添加这样的键，到目前为止似乎有所帮助：

我正在尝试在中间顶部创建一个带有曲线的容器，并在曲线内放置一个圆形按钮。它看起来应该类似于 Flutter 中的 Curved Navigation Bar 包，只是没有动画。

我尝试过使用 Stack 和 Positioned，但是，Flutter 并没有像我想象的那样转换它。

我希望 Container 占据整个宽度并定位得更低一些。圆圈应位于容器顶部边框的中心。Circle 还应该包含一个 FloatingActionButton。

The widget cannot be touched or changed the position of the widget on the purple mark when I change the rotation of the widget. and will be touched successfully when the rotation returns to 0 degrees or before change rotation.

working fine when not rotating

this is my code

any solution why this is not working?