问题标签 [flutter-positioned]

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

flutter - 带有 BoxDecoration 和子元素的 Container 中图标的具体位置:Row

我正在尝试将红色块移动到Container. 我尝试了很多变体,但无论我将代码移动到哪里,那个“红色容器”位,我都无法将它移到右上角的位置。当我定位正确时,我会将其设为可点击的图标。

我确实将它与其他文本一起移动到子小部件中,调整了“crossAxisAlignment 以在该行中拉伸,并将 mainAxisAlignment 调整为 spaceBetween”

我最接近的是第二张图片,它是下面添加的代码。

我错过了什么?

在此处输入图像描述

在此处输入图像描述


编辑:所以两个解决方案效果很好。在蓝色和红色容器之间添加一个小部件。谢谢你们俩:)

TT圣人 »Spacer(),

维伦 V 瓦拉萨迪亚 »Expanded(child: Container()),

0 投票
2 回答
120 浏览

flutter - 为什么 CircleAvator 的位置在 IconButton 下不能完全对齐?

创建了一个 IconButton 并响应地定位它。然后用 CircleAvator 小部件包装它。 我期待 circleavator 将被放置在 IconButton 下并且也会响应响应,但 CircleAvator 不会在按钮下对齐,甚至不会响应响应。 这是我的代码-

这是我的设备输出 - 在此处输入图像描述

0 投票
2 回答
1186 浏览

flutter - “在布局期间,RenderStack 对象被赋予了无限大小”当在堆栈中使用定位时

我正在创建一个StackContainer. 在小部件内部有Stack一个动态,它将 粘贴到.ColumnPositionedColumnBottom

我正在尝试将其包装Stack在一个SingleChildScrollView中,如果动态Column将有很多孩子,它将能够滚动。

但是在我添加滚动视图后,我收到了这个错误消息:

RenderStack object was given an infinite size during layout.

0 投票
2 回答
58 浏览

flutter - Flutter,如何在 StackWidget 中的 PositionedWidget 中设置对齐方式?

如何使动画居中成为可能?我正在使用https://pub.dev/packages/simple_animations包。

我有一个带有多个定位小部件的堆栈,其中动画作为子级。问题是动画不是从中心动画而是从左上角动画。这是只有一个位于堆栈内的代码。

有谁知道如何让动画从中心开始?

谢谢

0 投票
0 回答
486 浏览

flutter - 如何在 Stack 中定位 PageView?

我在 a 中有一个PageView和一个按钮StackPageView在底部Stack)。我在bottomCenterusingStackalignment属性中有按钮。

我想定位PageView内部Stack,使其显示在按钮上方(如垂直上方,而不是上方Stack)。但是,您似乎无法使用Positioned带有 a 的小部件PageView来完成此操作。

我正在使用 a Stack,因为它PageView包含一个使用 的可缩放小部件InteractiveViewer,并且我希望在放大此小部件时按钮保持在顶部。

根据您是从头开始运行应用程序、执行 Flutter 热重启还是执行 Flutter 热重载,使用小部件包装 会产生不同的PageView错误。Positioned(但是,如果您不指定任何其他Positioned参数,即bottom,left等,则不会出现错误。)

热重载时发生的另一个问题是它确实对PageView. 它向上移动,但幅度超过bottom参数中指定的数量。它还切断了很多宽度(但不会给出任何溢出错误)。您可以在包含的第二张图片中看到这一点。

如果您指定bottom参数然后进行热重载,则会出现以下错误:

如果您指定bottom参数,然后从头开始停止并运行应用程序或进行热重启,则会出现以下错误:

错误一:

错误 2(此错误的几种变体):

这是一个显示我的问题的简单应用程序:

bottom没有指定参数的样子。看到按钮覆盖了部分PageView,我不希望发生这种情况,这就是我要解决的问题:

底部未指定

bottom指定参数然后进行热重载时的样子。您可以看到它向上移动的幅度超过了 指定的bottom幅度,并且它切断了很多宽度而不会出现溢出错误:

底部指定然后热重载

bottom当您指定参数然后热启动或停止并从头开始运行应用程序时的样子。和PageView按钮不见了:

底部指定然后热重启或停止并从头开始运行

0 投票
2 回答
260 浏览

flutter - 颤振飞镖布局,堆栈,定位如何在整个屏幕上拉伸材质按钮矩阵

我怎样才能让材料按钮矩阵在整个屏幕上伸展,如果我只使用高度,它们会根据屏幕大小伸展到很小或超出屏幕?

我可以在高度矩阵中轻松做到这一点:double.infinity 和 CrossAxisAlignment.stretch。

虽然当我将 Stack 和 Positioned 小部件添加到组合中时,如果我使用 height: double.infinity,屏幕会变白。我得到错误: BoxConstraints 强制无限高。相关的导致错误的小部件是:MaterialButton file:///Users/janiveble/AndroidStudioProjects/midi_app/lib/main.dart:113:14

虽然当我搜索这个错误时,我无法弄清楚它与我的问题有什么关系。

另外,如何将白键上的文本定位到键的底部而不是中心?

我也想得到白键的宽度,因为我想用它来控制黑键的位置和宽度。

0 投票
0 回答
313 浏览

flutter - 在 Flutter 中将固定点放在 PhotoView 上

在我告诉你我的问题之前,我想告诉你我的应用程序在做什么。我有一个PhotoView小部件库,它允许我放大/缩小我的图像。我有一个 GestureDetector 小部件,它检测何时长按它会获取 LocalPosition (dy, dx) 并在我的 PhotoView 小部件上显示一个 MaterialButton(point)。到目前为止一切正常

但我的问题是在我放大 PhotoView 时,添加在图像上的 MaterialButtons(points) 不在同一位置。我会让一张照片看看什么时候是正常的图像并放大。

我真的不知道我该怎么做,我只是希望 MaterialButton 保持在同一个位置以进行普通视图和缩放视图。

我为 MaterialButton 添加位置并显示每个点的代码

正常图像视图

放大图像视图

0 投票
3 回答
1181 浏览

flutter - Flutter Positioned Widget 不固定,具体取决于屏幕尺寸

我的问题与Positioned小部件有关。我想定位与 a 的位置Widget匹配的 s 。上下文是将 PDF 工作表应用到具有/editText 的许多资产的移动设备上。ExactAssetImageContainerRadioButton

事实是,如果我没有为Container包含的图像指定固定的宽度和高度,Positioned Widget则它们的位置将不会相同,但这取决于设备的屏幕尺寸。

这意味着我不能MediaQuery用来强迫我Image填满屏幕。

这是我ContainerImage

这是我如何定位孩子的定位小部件(在堆栈中,因为它很多):

根据您的说法,回答这个用例的最佳方式是什么?

谢谢您的帮助

0 投票
1 回答
606 浏览

flutter - Flutter:响应式定位在堆栈中

我想将图标放置在父边界之外并使其具有响应性(相对于父级的高度)。

在此处输入图像描述

Stack使用和小部件将图标放置在父边界之外是没有问题的Positioned

但是让它有响应是有问题的。

因此,如果容器高度减小,那么图标大小也应该减小。

我试图制作一些样品但没有成功。我真的不知道如何用 Flutter 实现这样的逻辑,也找不到任何可靠的例子。

0 投票
1 回答
620 浏览

flutter - 如何在颤动中将孩子定位在堆栈中?

快速问题..如果我有一个包含 2Positioned个子小部件的堆栈,其中一个包含CircleAvatar小部件,另一个是Column包含两个小部件的InkWell小部件,所以当我添加一个位置时left:10,,例如整体CircleAvatarColumn分散,我不知道为什么代码是如下所示:

图片清楚 所以如果我取消注释left:10,的内容stack就会消失并且出现这个错误

在 performLayout() 期间引发了以下断言:'package:flutter/src/rendering/stack.dart':断言失败:第 588 行 pos 12:'size.isFinite':不正确。