问题标签 [flutter-pageview]

我想在 Flutter 中创建以下类型的轮播视图

到目前为止我尝试过的

• 我已经有了这个carousel_slider 1.4.1包：flutter 包无法根据我的要求创建轮播视图
• 我已经尝试使用源代码并尝试根据我的要求进行修改但没有得到正确的解决方案这里是修改后代码的输出

• 我也试过这个中等职位。
• https://medium.com/@caleb_52205/using-animatedbuilder-and-pageview-builder-for-a-beautiful-carousel-3b05161d981d

我的代码

如果需要更多信息，请告诉我。提前致谢。您的努力将不胜感激。

目前面临条件逻辑和 PageView 小部件的问题。假设 PageView 将动态生成 3 个页面。在这 3 个页面中，将生成不同的小部件。其中一个小部件是一个按钮（称为“Next”），它是一个 PageController，但该小部件必须被一个按钮小部件替换，该按钮小部件应该提交（称为“提交”）整个表单（PageView 被包裹在表单）。

看起来很明显，只需编写条件逻辑，将PageView的当前页面与PageView的长度进行比较（PageView填充了List，因此很容易得到长度）。然后在满足正确条件时切换小部件：当当前页面等于3时，改变小部件。不幸的是，PageView 会在每一页上呈现“下一步”按钮。因此，只有当我到达最后一页然后再次单击“下一步”时，它才会变为“提交”。当用户进入最后一页时，它应该是“提交”。

编辑 1：这是我用于在 PageView 中填充按钮的更新代码。我将字符串设置为初始值“Next”，然后在 _indexOfCarouselItem + 2 == _triviaDataList.length 为真时更新它。满足条件时，更新的值将是“提交”。

我才用 Flutter 编程一个半月，还是很缺乏经验。但是我有一个问题，我在互联网上找不到答案。我需要一个主要由 PageView 组成的应用程序。不幸的是，使用 PageView，所有页面总是相同的大小。有没有办法使一页的宽度更小或使一页的视口分数比其他页面小？

PageView.Custom 可能对我们有帮助，但我一直无法找出 PageView.Custom 是否具有此功能。我试图在互联网上巧妙地阅读我，但找不到任何东西。

如果 Pageview 不起作用，您有另一个想法，我可以使用哪个小部件。我的浏览量只有两页，但我需要滑动功能和“animatetopage ...”功能

将新项目添加到列表时，PageView 索引保持不变，但具有该索引的项目会更改，我想避免这种行为。

更具体地说，这些新项目被插入到列表的乞求中。

有没有办法保留当前页面或方法将索引更改为正确的页面，以便页面保持不变？

下面的代码只是这个问题的一个简单实现。

伙计们，我有一个问题要问你：我已经建立了一个 PageView。在这个 PageView 中是一个 ListView，在这个 ListView 中是一个小部件列表。但不幸的是，我的代码由于某种原因不起作用......而且我不知道为什么。我对 Flutter 还是很陌生。我将衷心感谢您的帮助。产生错误的代码如下：

如果您能帮助我，我将不胜感激。当我用 Colum 替换 ListView 时，代码工作正常，但不幸的是我无法滚动......但它必须是可滚动的！我不断收到以下错误：

我怎么解决这个问题？我已经尝试了很多。例如，我将小部件列表放在一个列中，并将 ListView 更改为 SingleChildListView，但这也无济于事。但是，我收到了另一条错误消息。这是：

在第二个示例中，屏幕变为白色，但没有任何反应，也没有任何效果。在第一个错误屏幕变红，我得到你可以在图片中看到的错误！

屏幕上出现红色错误

我正在尝试制作一个水平滚动的小部件。它必须是无限的（或某种），所以我已经这样做了。

然后我向右滚动 3 次，控制台显示：

但是当我向后退时，我必须滚动 4 次才能看到一些结果，但在中间它什么也没显示。

那是向右 3 次，向左 4 次，再次向右 6 次。为什么 itemBuilder 函数有时不运行？

如何解决异常 -

未处理的异常：'package:flutter/src/widgets/page_view.dart'：断言失败：第 179 行 pos 7：'positions.isNotEmpty'：PageController.page 在构建 PageView 之前无法访问。

注意：- 我在两个屏幕中使用它，当我在屏幕之间切换时，它会显示上述异常。

我正在使用以下代码使用 PageView 来轮播

并且它的工作正常，例外

但是当导航到另一个页面时，我失去了轮播效果，请检查下面的截图是否相同

如果需要更多信息，请告诉我。提前致谢。您的努力将不胜感激。

我在 PageView 的一页中有一张图片。当我转到它时，我想将此图像动画到下一页，有点像在导航器页面转换中使用英雄动画时。有什么想法可以实现吗？

1. 我的问题总结

目标

我的目标是展示一个长页面的轮播。所以我使用带有滚动视图的 PageView。PageView 水平滚动。滚动视图（子视图）垂直滚动。

预期成绩

水平滑动和垂直滚动平滑。

实际结果

如果我水平滑动到下一页，我无法立即垂直滚动它。我需要等待 1 秒钟。似乎用户必须等待动画完成才能与新的当前页面进行交互。

到目前为止我尝试了什么：

• 我尝试了手势识别器来传递拖动事件，但我没有让它工作。
• 我尝试了不同的小部件来替换 PageView 但效果相同。
• 我用 wantKeepAlive = true 尝试了 AutomaticKeepAliveClientMixin
• 我试过 PageView.physics = AlwaysScrollableScrollPhysics()

这是重现问题所需的最少代码