问题标签 [flutter-positioned]

假设我有这样的定位小部件

我想要的是，当我点击Animated-Container它时，它的宽度大于它的父小部件限制的宽度：

我目前正在研究Positioned在整个屏幕上显示小部件的布局。它将自身定位在靠近检测到的条码的位置，请看下图的示例。

但是当条码移动到靠近屏幕的左边缘时，UI 元素会被部分绘制到屏幕外。有没有一种方法可以解决这个问题，而不必计算每帧何时越界？

这是我用来设置的代码：

也许有更好的方法来实现这一目标？

不要介意过度使用!仍在学习整个零安全性的东西:)

编辑 1：正如 pskink 所建议的，我已经研究了颤振中的工具提示是如何工作的，并SingleChildLayoutDelegate结合使用了 a CustomSingleChildLayout，这非常适合跟踪位置，但现在没有选项可以对此进行动画处理。

我的委托类如下：

然后更新了我的构建器功能：

拥有AnimatedPositioned布局的子元素会导致异常。

我试图将搜索图标放置在行中第一个输入的周边内，但出现错误和空白屏幕。

没有 Stack 和 Positioned 的代码有效：

Stack 和 Positioned 的代码不是：

堆栈前

布局异常之一说： 布局异常

我只想在屏幕上拖动小部件，而不是拖放。

但是，每当我离开它并再次开始拖动时，它就会从开始的位置开始拖动。好像是reset。

我的猜测是 build 被一次又一次地调用，所以它会自动使用original position values. 我该如何解决？代码应该是什么？

所以换句话说，position设置为结束(100, 100)后DragEvent。然后下一个拖动开始(100, 100)而不是最后一个位置小部件被拖放到。

我也试过这个GlobalPosition，但得到了相同的结果。这是我的代码：

问题 ：

• 我正在尝试在 a 中缩放小部件，Stack但这似乎不起作用。

• 解决方案是添加constrained: false到InteractiveViewer.

• 但是随后，它会抛出错误，说“小部件具有无限大小”，这要归功于constrained: false. 因为它消除了所有约束InteractiveViewer

• 我也尝试过包装Stack，每个都canvasElement用ContainerorSizedBox.shrink但两者似乎都不起作用。

目标 ：

• 目标是能够在一个Stack

这是我的代码：

• 注意：我已删除GestureDetector，否则代码将太长而无法阅读

小部件正在移动但不缩放：

我有一个自定义小部件位于Stack. 此自定义小部件创建一个OverlayEntry指向其位置的链接并将其插入到Overlay.

问题是这个叠加层漂浮在 AppBar 和 FloatingActionButton 之上。

如何将 my 的内容放在OverlayEntry下方AppBar但上方Stack？

UPD：“下方”是指AppBar应该漂浮在OverlayEntry上面（或覆盖它，好像它有更大的 z-index）。

这就是我所拥有的：

这就是我想要的：

示例代码：

这是我得到的输出：

我想用灰色 Container 的圆角将绿色的 Positioned 小部件夹在角落上。任何帮助将不胜感激。

我当前的代码：

谢谢你。

为什么Positioned红色widget是透明的，这样可以透过它看到Second Label Text widget？

设置： 列：

• 堆
  • 文本域
  • 定位
    • 红色容器
• TextField（第二个标签文本）

目的是红色小部件以不透明的方式覆盖其下方的文本字段。

谢谢

我无法在定位的小部件内添加文本字段。有人可以帮我写代码吗

这是一个注册页面，询问用户的电话号码并发送 OTP，但我无法在此代码中添加文本字段。因为我在 figma 中设计了我的 UI 并使用 figmaToflutter 插件进行了转换。我尝试手动添加 textField 但它显示错误

我想将包含Positioned子项的 Stack 小部件居中。Stack 的大小在渲染之前是未知的。

不幸的是，堆栈似乎有无限的大小（如在其周围包裹容器时所见）。

最后一个问题：如何将容器包裹在包含已定位子项的堆栈周围并将其居中？

以下是一些类似的问题，对我没有帮助：

Flutter - 堆栈中的定位小部件导致

如果只有定位的孩子，堆栈会产生无限的高度