问题标签 [flutter-scrollbar]
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.
flutter - 当我们将它的子项设置为列时,可拖动的可滚动工作表变得不可滚动
DraggableScrollableSheet
我在 Flutter 中有以下代码。
在上面的代码中,我试图让我DraggableScrollableSheet
能够在用户拖动工作表时向上拖动或向下折叠。无论我如何尝试,我都无法拖动或折叠工作表。它停留在原处。
此外,如果我将my的controller
属性设置为ListView
我scrollController
从builder
. DraggableScrollableSheet
在这种情况下,DraggableScrollableSheet
如果我们尝试滚动ListView
.
但是DraggableScrollableSheet
如果我从工作表的一般区域拖动,我希望它是可拖动的。如何实现这一点DraggableScrollableSheet
?
(我还尝试使用我从方法中获得builder
的 aListView
和设置controller
属性来ListView
包装方法内部返回的小部件。但这也会产生渲染错误。我找不到解决此问题的方法。)scrollController
builder
有人可以帮忙吗?
android - 在颤动中使用 SingleChildScollView 时我无法滚动屏幕
我正在尝试使用 SingleChildScrollView 使我的主屏幕可滚动,但它没有按预期工作
这是我的代码:
flutter - Flutter 测试:如何使用 DropDownButton 滚动?
我未能使用小部件 DropdownButton 和 DropdownButtonFormField应用Handle 滚动文档。
我试图创建一个包含 10 000 个字符串的列表,滚动找到第 750 个并点击它。测试在最后一次点击时生成一条警告消息:“对 tap() 的调用......不会命中......也许小部件实际上不在屏幕上,或者另一个小部件遮挡了它,或者小部件无法接收指针事件。”
不知何故,测试表明它通过了,这非常令人不安。
任何帮助将不胜感激。
这是我用于小部件的代码:
和“通过”测试:
flutter - 在 Flutter 中使用嵌套在 Scrollview 中的动态调整选项卡视图
我试图在 Scrollview 中嵌套一个 tabview,但找不到完成任务的好方法。
如下图所示:
所需的功能是拥有一个普通的可滚动页面,其中一个条是具有不同大小(和动态调整大小)选项卡的选项卡视图。
不幸的是,尽管查看了几个资源和颤振文档,我还没有遇到任何好的解决方案。
这是我尝试过的:
SingleChildScrollView
带有子列,TabBarView 包装在 IntrinsicHeight 小部件中(未绑定约束)CustomScrollView
变体,TabBarView 用 a 包裹,SliverFillRemaining
页眉和页脚分别用SliverToBoxAdapter
. 在所有情况下,如果内容更小,则内容被迫扩展到视口的完整大小(就像使用SliverFillViewport
视口分数为 1.0 的 Sliver),或者如果更大,则在空间内创建嵌套滚动/溢出(见下文)- 如果 TabBarView 的子项是可滚动的小部件,则带有标签栏的条子的高度等于 ViewPort (1.0),并且任何剩余空间都是空的。
- 如果子项不可滚动,则它们会被强制扩展以适应较小的大小,或者如果较大则给出溢出错误。
NestedScrollView
最接近,但仍然受到先前实现的不良影响(参见下面的代码示例)- 各种其他非正统方法(例如删除 TabBarView 并尝试
AnimatedSwitcher
与 TabBar 上的侦听器结合使用以在“选项卡”之间设置动画,但这不是可滑动的,并且动画卡顿并且切换的小部件重叠)
迄今为止“最佳”实现的代码如下所示,但并不理想。
有谁知道有什么方法可以做到这一点?
先感谢您。
以上适用于 Dartpad (dartpad.dev),不需要任何外部库