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

flutter - 有没有办法保留子有状态小部件的状态?

嗨,伙计们,我对这件事有点陌生,但是请问有什么办法可以保留有状态小部件的状态,而不是每次调用时都重新构建小部件

--假设我有一个 PageView 作为我的主页,它的孩子都是有状态的小部件......在页面滑动时,我希望它在列表中构建孩子一次,而不是在每次页面更改时重新构建

--这是我的代码,

!!!

...谢谢

0 投票
0 回答
197 浏览

flutter - 从 PageView 中的数组中删除项目后状态未更新

我有一个由提供者处理并通过 SQL 查询设置的字符对象数组。当我执行 INSERT 操作时,新角色已成功添加到网页浏览中。但是,当我执行 DELETE 操作并从网页浏览中删除字符时,它会将其从列表中删除,但不会更新 UI 以显示数组中的下一个字符 - 它会继续显示已删除字符的信息,直到强制重建导航离开和返回。我知道它已成功从数据库和数组中删除,因为我的页面指示器减少了 1。当前 Character 由另一个提供程序处理,并通过将其作为参数传递给 CharacterState 通知程序来设置。

我想要的是 CharacterState 在执行 DELETE 操作后显示来自数组中下一个字符的信息。我认为问题在于 Character 对象如何从 CharacterListState 传递到 CharacterState。当用户在页面之间滑动或删除数组中的最后一项时,它可以正常工作,但否则 CharacterState 只会继续显示旧信息,直到通过离开页面并返回手动重建整个状态。

请在下面找到相关代码:

CharacterListState 类

0 投票
3 回答
824 浏览

flutter - 如何在pageview中包含两个item作为页面主要内容——Flutter

是否可以PageView用来达到以下工作?

我想使用两个容器作为PageView.

我试图调整viewPortFraction,但它没有按我预期的那样工作。

许多应用程序使用以下效果Apple App storePrime Video

谢谢。

在此处输入图像描述

在此处输入图像描述

0 投票
1 回答
4715 浏览

flutter - Flutter - 如何在 PageView Widget 中的页面之间传递数据?

我有一个如下所示的 PageView 小部件:

我的 PageView 中有五个页面作为小部件,现在我想将数据从一个页面传递到另一个页面,直到页面更改时的最后一页.....

Next在每个页面中都使用了按钮,在 Next 按钮 onTap() 中,我只需增加页码即可滑动到下一页,如下所示

当按下下一个按钮并转到下一个屏幕时,我想携带数据并将其传递到下一页。

这里有没有人可能在颤振中遇到同样的问题......

请指导我如何实现这一目标.......

0 投票
0 回答
217 浏览

flutter - PageView 禁用多点触控滑动

当用多个手指滑动 PageView 时,通常会滑动多个页面。我认为这不是完全确定的,但是当用一根手指滑动时,它总是会滑动到下一页/上一页。当有两个或更多时,它通常会滑动 2-3 页。有没有办法防止这种情况发生?

编辑: 我尝试了这里提到的解决方案,但它不起作用。似乎添加更多手指来滑动会使页面移动得更快,即使只有第一个指针被拒绝,这很奇怪。

0 投票
1 回答
322 浏览

flutter - 如何在 Flutter 的页面视图中添加底部填充

我想添加底部填充以在页面视图中显示页面,如此图像

0 投票
1 回答
1701 浏览

flutter - 滚动时多次重建 PageView 和 StreamBuilder

我有一个监听 Firestore 的流构建器,它在获取数据时工作。问题是当我切换页面时流构建器会不断重建。主页面首先构建两次,当我滚动到另一个页面时它再次构建两次,当我弹回主页面时它会第三次重新构建,依此类推。图像存储在临时存储中,我用 AssetImage() 打开它们

这就是我的意思:https ://imgur.com/WMzzb0W

如果您需要参考我遵循的教程: https ://www.youtube.com/watch?v=8PfiY0U_PBI

代码:

任何帮助将不胜感激:D

0 投票
0 回答
513 浏览

flutter - Flutter:如何在 PageView 中嵌入多个水平 Webview

我正在 Flutter 中制作 Epub 阅读器的原型。每章都显示在WebView中,这些 WebView 放置在PageView中。由于多列布局,每个 WebView 的内容都进行了分页:1 列 = 1 个可见页面。在水平滑动手势期间,预期的行为是让 WebView 的内容尽可能滚动,然后在 WebView 达到其限制时让 PageView 在页面之间滚动。注意:在 1 次滑动手势期间,两者都可能发生:WebView 先滚动,然后是 PageView。在 Android 上,由于过度滚动通知,它很容易处理,就像在这个代码中一样。

但是在 Flutter 中,WebView 是不可滚动的,我们不能使用OverscrollNotifications (AFAIK)。所以我有一些基于在 WebView 中注入 JS 代码以将滚动位置广播到 Flutter 端的工作解决方案,但这非常肮脏和令人沮丧,我讨厌这种代码......

有没有人有好的解决方案?提前非常感谢!

编辑:我有一个基于 Javascript 的新想法。我不会在滚动过程中不断向 Flutter 端发送滚动通知,而是在每个“章节”的开头和结尾插入透明像素,并仅在这些元素变得可见/不可见时向 Flutter 发送事件(感谢IntersectionObserver API)。但是这样的解决方案需要在章节的 HTML 中注入一些东西,这不是最好的解决方案。任何更好的想法仍然欢迎!

0 投票
0 回答
276 浏览

flutter - PageView 内的 ListView - 限制水平滚动区域

我在 PageView 中有一个 ListView,所以我有一个垂直滚动 (ListView) 和一个水平滚动 (PageView)。我的问题是水平滚动比垂直滚动更敏感,执行垂直滚动变得困难,因为它几乎总是被视为横向滚动。

我的想法是限制水平滚动区域,以便垂直滚动在屏幕的最大区域中占主导地位:

我想限制滚动的区域

这可能吗?我该怎么做?

我看到了其他类似的问题,并且我看到他们使用 PageController,但我不确定是否可以这样做。

提前致谢。

0 投票
1 回答
50 浏览

android-studio - 是否可以为日期提供索引,然后使用 jumpToPage 到该日期?

所以这基本上是我想要的: 在此处输入图像描述

我希望每一天都成为 2020 年 1 月的索引。是31 days + feb. 21 = 52。当我点击 2 月 21 日时,我想跳转到索引为 52 的页面。现在它跳转到 52,因为这段代码: