问题标签 [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 投票
1 回答
106 浏览

flutter - 到达屏幕末尾时如何使 ExpansionTile 可滚动?

在我目前正在进行的项目中,我有一个Scaffold包含SinlgeChildScrollView. 在此SingleChildScrollView显示实际内容,允许在内容离开屏幕时滚动。

虽然这对我大约 90% 的屏幕有意义,但是我有一个屏幕显示 2 ExpansionTiles。这两个都可能包含许多条目,扩展时它们会变得非常大。

现在的问题是,我希望ExpansionTile最迟在它到达屏幕底部时停止扩展并使ExpansionTile(即ListTiles)内的内容可滚动。

当前,当条目过多时,屏幕如下所示:

在此处输入图像描述

正如您可以清楚地看到的那样,ExpansionTile离开屏幕,迫使用户滚动实际屏幕,这将导致两者的标题ExpansionTiles从屏幕上消失,因为列表中有足够的条目。即使SingleChildScrollView从 Scaffold 中移除 也不能解决问题,只会导致RenderOverflow.

在此处输入图像描述

用于生成 Scaffold 及其内容的代码如下:

我希望我没有通过删除不相关的部分来破坏代码,以便在将其发布到此处之前减小大小。希望有人知道如何实现我打算在这里做的事情,并且可以帮助我解决这个问题。

编辑

由于可能不容易理解我试图实现的目标,因此我尝试为所需的行为提出一个可视化:

在此处输入图像描述

因此,用虚线包围的项目包含在列表中,但无法显示,因为它们会超出视口的边界。因此ExpansionTile,包含该项目的内容需要为用户提供一个滚动条,以便在列表中向下滚动。因此,两者ExpansionTiles始终可见。

0 投票
0 回答
36 浏览

flutter - 在水平滚动视图中垂直包裹不同大小的项目 - Flutter

我想在水平滚动视图内显示芯片,并显示尽可能多的行,以适应指定的SizedBox高度。任何不适合屏幕的芯片都应水平滚动,如下图所示。但是,我希望芯片彼此相邻而不是这些固定的列大小(即“饮食健康”和“脉搏检查”芯片应该彼此相邻。我的代码看起来像这样:

这就是我得到的(SizedBox 正确地确定了高度并且水平滚动视图有效,我只是在列之间得到了死区):

颤振芯片图像

0 投票
2 回答
95 浏览

flutter - 如何在 Flutter 中展开单子滚动视图

我正在尝试扩展单个子滚动视图,但没有任何运气。我尝试过扩展单个子滚动视图、包装在容器中和/或扩展子小部件,但我得到一个错误或者它没有扩展。我不确定我做错了什么,或者如何扩展单个子滚动视图。

理想的结果是显示白色容器扩展到设备底部的图像,但我目前得到的结果是留下一个间隙并显示紫色背景。

当前结果: 在此处输入图像描述

代码:

0 投票
1 回答
52 浏览

android - PageView 未在 SingleChildScrollView 中显示

我使用 PageView 创建了 ViewPager,但是当我将它放在 SingleChildScrollView 中时它停止显示。但是当我将它放在 SingleChildScrollView 之外时它显示正常。如何在 SingleChildScrollView 中显示 PageView?

我的小部件树:- SinglechildScrollView->Column->Card->Padding->Stack->pageview

0 投票
0 回答
7 浏览

flutter - 当键盘弹出时,我在屏幕末尾有一个带有 debounces 选项的 singelchildscrollview,它隐藏了过滤后的列表 如何修复它

[它不显示过滤的选项][1]

0 投票
2 回答
29 浏览

flutter - How To have an SingleScrollView have next to a Container

the green container should be a static widget the red ones are a FutureBuilder with a singleChildScrollView

How it looks

Here is my code:

without the first Row in the FutureBuilder it is working without a problem but with it, I always get an overflow error. Any idea how to fix it?

0 投票
2 回答
37 浏览

flutter - 用 SingleChildScrollView 包裹装饰图像!有可能的?

我们可以用 SingleChildScrollView 或任何其他属性包装 DecorationImage 以将偏移量传递给 image !

0 投票
1 回答
107 浏览

flutter - Flutter - 滚动时如何关闭 SelectionControls?

我在 SingleChildScrollView 中使用 SelectableText。

在 selectionControls 中,当我选择名为 ToolBarItemControl.copy 的属性时,就会出现混乱。如果你看这里的视频,你可以看到确切的问题。滚动时如何关闭 SelectionControls?

0 投票
2 回答
24 浏览

flutter - 如何使前三个小部件与页面的其余部分一起滚动?

我有下面的代码。我需要让 StorySwipeList、_SearchBar 和 SizedBoxes 与页面的其余部分一起滚动。Listview Builder 滚动没有问题。但是顶部的 StorySwipeList、Sizedboxes 和 _searchBar 不想与它们一起滚动。

我在滚动视图和列表视图中添加了一个已删除的 Neverscroll 物理,我用一列替换了第一个列表视图并反转,添加了始终可滚动的物理等。似乎没有什么可以使那部分小部件移动。

有谁知道如何做到这一点?

0 投票
0 回答
12 浏览

flutter - 如何限制 singleChildScroller 空间?

我需要修复相机图标,并且从图库中选择的任何图像都可以滚动。因此,我将第一个单元格用于相机按钮,将其余单元格用于单个子可滚动。但是当用户选择图像然后滚动滚动条时,将适用于所有行,而不仅仅是图像。

单子滚动条的代码是:

该行的代码包含相机按钮,图像是: