问题标签 [singlechildscrollview]

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 投票
0 回答
47 浏览

flutter - 如何使用 mediaQuery 在 Stack 中滚动 SingleChildScrollView?

我正在创建一个带有博客的电子商务应用程序。我正在使用 singlechildscrollview 来实现滚动功能。但是滚动不起作用。但是没有渲染溢出错误。

我正在使用 singlechildscrollview 来实现滚动功能。但是滚动不起作用。但是没有渲染溢出错误。

我什至尝试添加容器,但它不滚动

0 投票
1 回答
235 浏览

flutter - 如何获取子小部件的大小

我有一个特殊的要求来允许一个标题小部件,通常包含静态内容出现在滚动视图的顶部。滚动视图应该与标题小部件重叠,以便可以使用剪辑形状来产生效果。我通过使用带有标题小部件的堆栈视图作为堆栈中的第一项,滚动视图作为顶部元素来实现此效果。滚动视图包含一个列,其中第一个子项是所需高度的空容器(标题小部件的高度减去重叠量)。这在将已知高度作为硬编码参数传递时达到了预期的效果。(注意:我尝试使用 Sliver 列表来完成此操作,但无法实现所需的重叠以满足产品要求。)

标题小部件包含通过 API 响应加载的图像。图像的高度可能会有所不同,因此我需要在运行时确定这一点并相应地调整 UI。我不认为这将是一项艰巨的任务,但到目前为止,我还没有找到一种方法来做到这一点。以下两张图片显示了所需的效果,右侧的图片显示了向上滚动的正确行为。请注意,滚动视图必须以与剪辑半径相同的量与标题图像重叠。

在此处输入图像描述 在此处输入图像描述

这会生成列表。_getComponents为 SingleChildScrollView 中包含的列提供子小部件:

然后在我的视图小部件中,堆栈构建如下:

我需要能够获取返回的标题的高度_getHeader(sections)并将其传递给_getComponents函数,以便我可以确定滚动视图的正确起始位置。

任何人都可以对此提供任何见解吗?

或者,你能推荐一个插件来允许上图中的行为显示吗?如上所述,Sliver List 并没有产生预期的效果。

谢谢!

0 投票
1 回答
71 浏览

flutter - 如何在具有嵌套小部件的列上实现 SingleChildScrollView?

如何在具有嵌套小部件的列上实现 SingleChildScrollView?
代码片段导致抛出错误,在这里帮助一个颤抖的新手!

在下面的小部件中,我试图将其内容包装在可滚动容器中,在实现 SingleChildScrollView 示例时,RenderFlex 子项具有非零弹性,但传入的高度约束是无界的。产生错误。我已经测试了在列中嵌套子小部件,但只有 sizedbox 选项有效,但这将大小限制在预定高度,对于各种设置可能不同。

小部件 getVideoBody() {

}

0 投票
3 回答
64 浏览

flutter - Flutter TextFormField 在键盘出现时隐藏

我是颤振的新手,我有一个问题。当我单击 textformField 时,这个消失了

我将容器放入红色,但通常它是透明的

我放了一个堆栈,然后在后台扩展了 GoogleMap。为了产生研究效果,我在 textformfield 上放置了一个叠加层,我将使用特定的过滤器按钮而不是黄色和绿色。

问题是,当我单击 textformfield 时,它会从屏幕上消失。我尝试使用 SingleChildScrollView、ListView,但我仍然有错误,特别是因为 GoogleMap 占用了所有空间所有内容都包含在 Scaffold 中

你能帮我吗,在哪里给我一个解决方案?我附上下面的代码

亲切地

在此处输入图像描述

在此处输入图像描述

return Stack( children: [ /// GoogleMap Column( children: [ Expanded( child: GoogleMap(initialCameraPosition: _kInitialPosition), ), ], ),

0 投票
2 回答
304 浏览

flutter - dart - 颤动单个子滚动视图更改屏幕的小部件布局

我正在尝试使用单个子滚动视图小部件使我的颤动页面可滚动。但是在这样做之后,屏幕的整个小部件布局就搞砸了。下面我附上了我的应用程序的屏幕截图,它显示了我想要发生的事情,而不是在我使用单个子滚动视图小部件后发生的事情。

这是我想要的截图

这是我添加 singlechildscrollview 小部件后发生的情况

0 投票
1 回答
54 浏览

flutter - 用于包含 ConstrainedBox 最大高度的 SingleChildScrollView 高度 - Flutter

有没有办法计算出 SingleChildScrollView 的完整高度,以便可以使用它来设置 ConstrainedBox 高度。我有一个 SingleChildScrollView ,其中包含许多小部件,包括列和一个可以在高度上变化的 Expanded。我尝试了许多不同的技术,包括使用 MediaQuery.of(context).size.height 但这仅提供可见屏幕的高度,而不是不可滚动区域的总高度。

孩子:SingleChildScrollView(控制器:scrollController,孩子:ConstrainedBox(约束:BoxConstraints(maxHeight:MediaQuery.of(context).size.height+MediaQuery.of(context).size.height),

0 投票
1 回答
36 浏览

flutter - 没有 pull_to_refresh 的“未定义命名参数keyboardDismissBehavior”

作为标题,我收到一条错误消息,指出 singleChildScrollView 没有keyboardDismissBehavior 属性。有文章说这个问题是pull_to_refresh包的版本引起的。但我没有在我的项目中使用那个包。请帮忙。

代码图像

0 投票
1 回答
42 浏览

flutter - Flutter:在 SingleChildScrollView 中使用 Expanded

我有一个填写表格的页面 每个输入框之间都有一个灵活的 Expanded 用于间隔。他们的弹性是不同的。我希望当键盘弹出时,这些Expanded先被压缩,如果高度还是不够,那么列就可以滚动了。例如:

没有键盘的时候,Expanded会占据尽可能高的位置

当键盘抬起时,它会尽可能地压缩Expanded

但是当有足够的文本字段时,我无法使列滚动

0 投票
1 回答
605 浏览

flutter - SingleChildScrollView 无法正常工作

我用 SingleChildScrollView 包裹整个身体,当我向下滚动时它可以工作,但不能向上滚动。

这是代码

当我删除SingleChildScrollView我使用未来的容器下的第二个时,它在这种情况下也不起作用,如果用SingleChildScrollView它包裹容器仍然不起作用。如果我在这条线之后返回它if(historyList.length!=0){并调用Stack它的孩子,那么它仍然无法正常工作。

更新:

当我在主目录中Stack替换为时,它不显示小部件输出,这就是我使用.ColumnSingleChildScrollViewcalender()Stack

这就是说我使用了不正确的使用 ParentDataWidget 的错误使用。这是日志

请帮助如何解决它。

0 投票
1 回答
117 浏览

flutter - Flutter SingleChildScrollView 的列已作为子项展开

我正在尝试使用 SingleChildScrollView 使主屏幕可滚动,但在阅读 Stackoverflow 上的其他问题时,似乎 Expanded 会导致问题。我是 Flutter 的新手,所以我在这里问你是否知道我该如何解决这个问题。我注意到,如果我将 Column 包装在 SingleChildScrollView 小部件中,它可以在没有 Expanded 小部件的情况下工作,所以这肯定是问题所在。你知道我怎样才能替换扩展小部件吗?我不知道它会有多高,因为我可能会添加更多按钮。

这里有代码: