问题标签 [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 回答
598 浏览

flutter - 如何在我的代码颤动中使用 SingleChildScrollView?

你好我的页面代码是这样的。我需要滚动应用栏下方的部分。

我的页面代码是这样的。我需要滚动应用栏下方的部分。

我需要使身体部分可滚动。我怎样才能实现那个滚动。

我认为 SingleChildScrollView 必须在这里工作,但我的代码中可能没有问题,我尝试了很多次以查找错误但没有任何帮助?

0 投票
2 回答
205 浏览

listview - Flutter - 可滚动页面中的列表视图

我想构建一个列出不同小部件的可滚动页面(在列表视图中)。基本上,我的想法是进行以下设置:

SingleChildScrollView (Container (Column (... Expanded(ListView))))

然而,这只适用于容器的固定高度。有没有办法根据列表视图显示的小部件数量动态改变容器的高度?

PS:我使列表视图不可滚动,因为整个页面已经可以通过 SingleChildScrollView 滚动。

希望有人可以在这里提供帮助。

非常感谢,尼古拉斯

代码:

和:

0 投票
3 回答
928 浏览

flutter - SingleChildScrollView for Column inside Column

在下图中,我想要实现的是让绿色部分Scrollable,因为如果键盘弹出,它不会给我渲染错误。

整个屏幕只是一个Column,其中黄色部分是自定义小部件,绿色部分是其中的另一个Column

我尝试了不同的解决方案。将整个 Column 包装到 SingleChildScrollView 中,但我希望黄色部分保持固定在顶部。我也尝试过仅将绿色部分包装到 SingleChildScrollView 中,但它不起作用(仍然引发渲染错误)。

我已经看到我可以使用SliverAppBar,但我想使用我的自定义小部件(黄色部分)来实现。

我有点卡住了。

我可能还会考虑实现一个 ListView(?),但正如你所见,我已经在 Column 内设置 mainAxisAlignment: MainAxisAlignment.spaceAround了我的 UI 偏好。

你知道我怎么能做到这一点吗?

TL;DR:只让属于另一列(全屏)的绿色部分(列)可滚动,让黄色部分停留在该固定位置

图片

0 投票
1 回答
15 浏览

flutter - 无法更改 SingChildScroll 视图中的列轴对齐方式

我想在列内的小部件之间添加间距,而不对每个 SizedBox 进行硬编码并给它们一定的高度,我想直接在列上设置它但没有对齐选项起作用,我做错了什么?这是什么原因造成的?

0 投票
1 回答
1591 浏览

flutter - 如何使用 SingleChildScrollView 仅滚动 tabbarview 并将 tabbar 设置为固定在顶部

当我没有在 tabBarView 的容器中给出 height 属性时,它会给出一个错误,并且当用它包装时SingleChildScrollView它是不可滚动的,并且当输入键盘被抬起时底部会溢出。但是,当我放在SingleChildScrollViewtabBar 上方时,它正在工作并且 tabBar 和 tabview 都在滚动,但我只希望 tabBarView 应该滚动而不是栏

我的底部溢出屏幕截图

我的代码

提前致谢

0 投票
2 回答
1038 浏览

android - Flutter 滚动问题 - A RenderFlex 底部溢出 192 像素

我正在构建一个包含 4-5 个表单域的表单。但是,当我尝试输入数据时,会引发以下错误

这是我的代码

我尝试将 Expanded 添加到孩子,它消除了错误,但输入数据时表单字段变得非常小。尝试在 SingleChildScrollView 中包装列,但它给了我以下信息

RenderFlex 子级具有非零弹性,但传入的高度约束是无界的

谁能建议我做错了什么?

谢谢!

0 投票
1 回答
337 浏览

flutter - 颤动中的连续文本

我想创建始终自动滚动的文本(如标签.continuous属性swift)。现在我正在SingleChildScrollView使用scrollController

SchedulerBinding.instance.addPostFrameCallback((_) { _scrollController.animateTo(_scrollController.position.maxScrollExtent, duration: Duration(seconds: 3), curve: Curves.easeIn); });

0 投票
1 回答
259 浏览

listview - 颤动中非动态容器小部件的水平轮播

我正在尝试构建容器小部件的水平轮播 - 即用户只需水平滚动即可查看我拥有的 6 个容器小部件。

我该如何实施?

我曾尝试使用 SingleChildScrollView() - 并在其中放置了一个 Row() 小部件,但这没有做任何事情......没有滚动。

我希望每个容器位于同一行,并且最终用户能够水平滚动以查看每个项目,

你将如何实现这一点?

0 投票
1 回答
612 浏览

listview - Flutter :启用文本字段时,背景图像向上移动。“resizeToAvoidBottomInset”禁用滚动。我哪里错了?

我的登录屏幕有一个背景图片。当用户点击文本字段时,容器必须向上,以便文本字段/按钮不会隐藏在键盘下。

下面是我的代码,它工作正常。但是当启用文本字段时,背景图像只会向上移动。

为了避免这种情况,我补充说:

作为“脚手架”的财产。现在滚动停止工作。

我哪里错了?

0 投票
2 回答
1233 浏览

flutter - Flutter - 如何在滚动页面时制作材质按钮文具

在此处输入图像描述 添加的图片:已编辑:2020 年 6 月 23 日以进行澄清... I. 需要这两个按钮根本不移动并保持在同一位置,当我滚动时,这些按钮是静止的,但随着页面滚动,页面的移动会移动按钮,这意味着如果我滚动到第 4 行,它将不再位于第 1 行,第一个按钮在第 4 行,第二个按钮在第 5 行。我根本不希望它们移动......我

基本上,因为我需要让图像执行命令,所以我需要添加一个按钮和代码以便它执行它或者它只是一个 png 图像。

需要在图片中的文本上添加许多按钮...我怎样才能实现这个..?我尝试了不同的策略,但随着滚动的移动,按钮也会移动..

我正在创建一个应用程序,它非常强调背景中的图像,它们是每行图像上的阿拉伯语文本,我想在此文本之上添加“材料按钮”。我能够做到这一点......但后来我使用了单子滚动,我只希望图像滚动而不是按钮。我希望按钮保持在一个特定位置而不滚动,因为逻辑是向右滑动-用户将看到不可见的材料按钮变为活动状态并在向左滑动时显示该特定位置的英文文本用户将看到阿拉伯文本在图像上....

请帮忙

编辑代码以仅显示问题并删除注释代码以仅显示一个堆栈。-

LAYOUT USED:使用单个滚动堆叠和布局图像并将其关闭,然后添加 Raised 按钮,

所需布局:只希望单个子滚动滚动图像而不是图像顶部的凸起按钮。我希望这些按钮是固定的....也许这是一个位置问题,我需要添加不同类型的滚动?