问题标签 [flutter-pageview]

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 投票
3 回答
10479 浏览

flutter - Flutter中如何设置PageView的初始页面?

我有一个PageView有四页的。我想从第三页开始。这意味着当用户向上滚动时有两个页面可用,而当用户向下滚动时有一个页面可用。

我试过了:

和:

不幸的是,这对我没有帮助。

0 投票
1 回答
1562 浏览

flutter - Flutter PageView,我可以动画从列表中删除项目吗?

我对颤动很陌生,我正在尝试在 PageView 上做一些动画。准确地说,我想动画删除一个项目。

我尝试了几种方法来制作动画,除了解决方案之外,你们解决此类问题的方式也将有助于我的颤振技巧。

到目前为止我已经尝试过:

  • 动画填充和不透明度
    • 问题在于,当我在 onLongPress 的 setState 中设置填充时,它会重建小部件,并使用活动或非活动 CardPadding 再次覆盖填充(我认为)
  • 动画宽度和高度
    • 我似乎无法让这两个值都起作用
  • 在 PageViewController 上动画 viewportFraction
    • 不知道该怎么做,以及是否可以仅针对特定的“页面”执行此操作

下面是我迄今为止编写的(精简的)代码。

任何帮助将不胜感激!你们将如何解决这样的问题,或者您将如何解决这个特定的用例。

我想实际上动画 viewportFraction 将是最好的,因为相邻的“页面”也会相互移动?

谢谢!

0 投票
2 回答
1689 浏览

flutter - How to create infinity PageView in Flutter

How to create an PageView which are supported circle scroll in Flutter? That's mean when I stand on 0 page, I could scroll to left to the last page.

Updated: I answered this question and update a gist source also.

0 投票
2 回答
1948 浏览

flutter - 扑。PageView 内的嵌套滚动

我有带有PageView小部件的简单页面,里面有ListView. 滚动PageView不起作用的地方。原因很简单。因为嵌套子级消耗的指针事件。

我的问题是有什么理智的方法可以让它一起工作吗?您可能会看到 的 垂直轴,但使用和PageView的水平轴会出现完全相同的问题。PageViewListView

到目前为止我尝试了什么?我有一些解决方法。即使它并不复杂,只是感觉不太好和笨重。通过使用AbsorbPointer和自定义控制器进行滚动。

0 投票
0 回答
186 浏览

flutter - 如何在 PageView 中持久化小部件 flutter_pagewise 的页面状态

我了解如何在 PageView 中应用 keepAlive。但是当我来到flutter_pagewise(https://pub.dev/packages/flutter_pagewise)时,我对如何实现保持PagewiseListView的状态感到困惑,因为在PageView中更改页面导致此PagewiseListView再次构建。任何人都可以告诉我一个解决方案吗?

我的 PageView 是:

我的 CardListView 是:

0 投票
1 回答
1896 浏览

flutter - 在 setState ( Flutter ) 后问题页面浏览重新加载第一页

我有一个代码,这段代码创建了一个关于某些用户的综合浏览量,数据来自 firebase

这是函数 buildButton1()

当我按下按钮设置变量时,Pageview 会重新加载并显示首页。我该如何解决这个问题。这是示例图片https://imgur.com/nKC358E ..................... ..................................................... …………

0 投票
2 回答
912 浏览

flutter - Flutter PageView 移除页面指示器

有谁知道是否有办法删除在我更改页面后显示几秒钟的 PageView 指示器?

在此处输入图像描述

我在 PageView 小部件和 BottomNav 小部件的文档中找不到任何关于它的信息。

0 投票
0 回答
867 浏览

flutter - Flutter PageView inside SingleChildScrollView 块垂直滚动

我在垂直滚动 SingleChildScrollView 中有一个水平滚动的 PageView

问题是当我尝试在 PageView 区域中垂直滚动时,它会拦截滚动事件并且不允许滚动 SingleChildScrollView。如何解决?

在此处输入图像描述

0 投票
0 回答
724 浏览

flutter - 如何在 Flutter 上的 PageView 转换期间使下一页可点击?

我正在使用 aPageView在包含基本RaisedButton.

但是,该按钮在过渡期间不可点击。相反,当屏幕被录音时,它会取消或终止转换,但之后需要再次单击。

我的应用程序如下所示:

我的页面如下所示:

即使正在进行从一页到另一页的转换,有没有办法以某种方式“强制”按下按钮?

0 投票
2 回答
498 浏览

android - 模拟在谷歌播放应用程序中看到的图像水平列表

我想创建一个与 google play 应用程序中的水平滚动列表(例如推荐的应用程序)行为相同的小部件。

我的意思的一个例子:

在此处输入图像描述

我曾尝试使用 Page Viewer 小部件,但它并没有做同样的事情。一些值得注意的事实:

1) 3 个完全平方的图像被完全看到,另一张被部分显示。第二个(绿色的)就在中间。

2)最左边的图像(蓝色)与“为您推荐”的标题完美对齐

3) 所有 4 个正方形图像都有圆角。

4)它支持项目捕捉

这是我能够用 PageView 小部件模拟这种行为的最好方法:

在此处输入图像描述

  • 红色是包含浏览量的容器的背景色。
  • 绿色是偶数物品的颜色,蓝色是奇数物品的颜色
  • 在每个项目中添加一个 100x100 的图像。

这是代码:

加宽我的代码有两件事不起作用:

1)我不能从右侧显示一个部分可见的项目,保持 3 个完全可见的项目和第二个完全居中,就像在原始图像形式谷歌播放中一样,只需使用 viewportFraction。

2)我不能对项目图像应用圆角,因为如您所见,容器不是方形的,但图像是方形的。因此,当我应用 ClipRRect 时,它没有正确应用。我试图添加另一个容器,将其大小强制为 100x100,并将 ClipRRect 应用于此容器内的图像,但是当它位于 PageView 内时,给定的宽度/高度似乎没有效果。它们似乎由 PageView 内部控制。

那么,任何人都可以帮助解决这个问题以获得与谷歌播放水平滚动列表相同的行为吗?

干杯!