问题标签 [flutter-sliver]

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 回答
6167 浏览

flutter - Flutter 如何垂直居中 AppBar 条子倾斜?

我正在尝试将 Sliver AppBar 的标题居中并在此下方添加第二个文本。我做不到。

下面是现在的图像以及它应该如何。

谁能帮我?

这是我的代码。

"""""""""""""""""""""""""""""""""""""""""""""""""" """"""

0 投票
1 回答
10783 浏览

flutter - Flutter CustomScrollView 长条堆叠

我正在尝试使用CustomScrollView创建一个滚动视图。我需要的效果,和这个很相似。

我需要将SliverList堆叠在SliverAppbar 上方,而列表不会占据整个屏幕并隐藏 SliverAppbar。我想这样做的原因是,我需要在该列表顶部附加一个持久定位小部件,除非列表堆叠在 SliverAppbar 上方,否则它不会出现。

这是我的代码

0 投票
1 回答
2106 浏览

flutter - 嵌套滚动条问题:NestedScrollView、SliverAppBar、SliverPersistentHeader、TabBarView 和 PageView

这个问题一直困扰着我一段时间,即使我阅读了无数的网页,我仍然无法解决它。也许你能帮上忙!

我得到了以下场景:

Flutter 应用程序PageView只有 3 个页面。

第一页有一个简单的GridView(垂直滚动),嵌套滚动没有问题。

第三页是一个简单ListView的项目列表,滚动也没有问题。

第二个页面有一个NestedScrollView, 有两个小部件用于它的headerSliverBuilder:SliverAppBarSliverPersistentHeader. 这里没有什么花哨的。

正文NestedScrollView包含TabBarView3 个选项卡,并且可以使用水平滑动在它们之间滑动 - 与PageView包含此页面的滑动方向相同。

正文是发生滚动问题的地方。

在 3 个标签之间滑动就像一个魅力。但是,当当前选项卡是第一个选项卡并且您尝试进一步向左滑动(手指运动是从左到右)时,第一页(属于PageView)不会显示。相反,当当前选项卡是第三个并且您尝试进一步向右滑动(手指运动是从右到左)时,没有任何反应。

如果您在第二页中包含的页眉上执行相同的手指动作,则页面会很好地转动(到第一页或第三页)。

这是第二页中的代码,很想知道为什么TabBarView当标签到达边缘时,内部的滑动动作不会传播到容器:

辅助类:

知道如何解决这个问题吗?谢谢!

0 投票
2 回答
5420 浏览

flutter - 如何在 Flutter 中创建底部评论小部件?

我想构建一个浮动在屏幕底部的评论小部件。当用户点击输入框时,会弹出一个键盘。

这是问题所在。我试图在底部导航栏内添加一个容器。但是当我点击输入框时,键盘弹出并覆盖了整个BottomNavigationBar。所以我无法看到我刚刚在输入框中点击的内容。

这里有 2 张图片向您展示我想要构建的评论小部件框。关键是我不希望键盘覆盖评论小部件。

请帮我。

关闭键盘

打开键盘

0 投票
4 回答
18004 浏览

listview - 一些滚动后颤动ListView KeepAlive

我想要keepAlive已经在ListView. 我尝试了按类addAutomaticKeepAlives:true提供的属性。ListView

这是我使用的示例代码。SliverChildBuilderDelegate由提供的委托中的相同问题SliverList

0 投票
1 回答
756 浏览

flutter - 基于屏幕尺寸的网格高度

嗨朋友们,我在根据我尝试过的屏幕设置视图的卡片高度时遇到问题,方法是使用下面的代码动态设置屏幕,请找到屏幕以及我需要文本下方的确切 10 个边距,而不是如果我不使用媒体查询,我尝试使用动态 MediaQuery 就这么多底部有空间

额外空间图片

使用交错网格视图

0 投票
3 回答
2150 浏览

flutter - Flutter:如何在列表中选择一个图像图标而不选择列表中的所有图标?

我使用 Sliver 在 Flutter 中创建了一个列表(下面的 Sliver 结构):

Card 有一个 Dismissible Widget,在其中封装了一个 ListTile。Dismissible 工作正常,我可以滑动以关闭列表中的单个单元格。

我遇到的问题与我的 ListTile 中的 IconButton 有关。我的目标是,每当我点击 IconButton 时,它应该为单个单元格打开或关闭图标标志,但发生的情况是列表中的所有图标按钮都被切换。通过调查 Dismissible Widget 代码,我可以理解我需要唯一标识每个单元格才能使其工作,我尝试使用 Key 使单元格唯一,但没有奏效。有人能引导我朝着正确的方向前进吗?IconButton 的代码如下,我还尝试向 ListTile 添加一个键,但是没有用,所以我删除了它。

0 投票
2 回答
6501 浏览

flutter - BlocProvider 在继承的小部件中不可用

面临 BlocProviders 的问题。

据我了解,一个块应该可以在继承的小部件范围内的任何地方访问。

我有一个 App 类,它恰好是我的核心类,我在其中构建我的材料 App

现在我有了 LaunchScreen 类,这里我没有使用 BlocProvider,但我已经用 BlocProvider 将 LaunchScreen 完全包装在我的 App 类中

现在再次进入我的第三节课,即 Home() 课。我正在尝试使用我的 BlocProvider。在这里我收到一个错误,说该集团为空

我无法弄清楚为什么这是空的。如果我在 LaunchScreen 类中初始化并打印 bloc,则该 bloc 被完美初始化。BlocProvider 是否仅在单个类范围内工作?

还有另一个错误,我认为我的导航器工作不正常。出于某种原因,我的 Home() 类构造函数再次被召回。我无法修复 Navigator 中的错误。一个例子对我理解导航器很有帮助。

这是我的颤振医生结果

请看一下,并分享解决方案。谢谢!

0 投票
0 回答
470 浏览

flutter - 颤振将图像或小部件直接分享到社交媒体?

我正在做的应用程序需要选择将图像或小部件作为图像直接共享到 Facebook、whats 应用程序等社交媒体。对于颤振,有一个名为“share 0.5.3”的包,但这个包只共享文本为以下,

请建议我任何方法来实现这一点,我对使用我的应用程序的任何第三方包都不感兴趣。

0 投票
1 回答
4852 浏览

flutter - SliverAppBar (Flutter) 中的最小高度?

折叠时是否可以在 SliverAppBar 上设置最小高度?如果是,我该怎么做?

工作在 SliveAppBar 上添加一个底部小部件:

底部:PreferredSize(preferredSize: Size(20.0, 20.0), child: Text(''), ),