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

flutter - Flutter 中的 PageView 与路由

我是 Flutter 的新手,找不到很多关于最佳实践的信息:何时使用 Raouting 以及何时使用 PageView。

在我的应用程序中,我希望共享 ApBar 和 BottomNavigation,我还希望在某些页面中有详细信息页面。我应该使用 PageView 还是 Routingbg 来点击底部导航。如果我使用 PageView 那么我将如何将子路由用于详细信息页面?

我知道这是一个相当广泛的话题,但如果有人可以分享关于它的好读物或分享他的经验,我将不胜感激

0 投票
1 回答
665 浏览

flutter - Flutter:如何平滑 PageView onPageChanged 动画

如果您按照网上找到的示例代码,在构建脚手架时,在 body 下,您可以:

当您在显示粉红色的页面上并向左滑动时,会从右侧出现一页青色。但是,现在我为我的用例扩展了它,现在有:

)

“_pageOptions[]”定义如下:

我的问题如下:例如,当您在 Page1 上并向左滑动时, Page2 应该来自右侧并成为您正在查看的新页面。但是,当您从 Page1 慢慢滑动到 Page2 时,您可以看到从右边来的页面是 Page1 而不是 Page2。直到您轻扫一半,传入页面变为 Page2。但是,此时,您正在向左侧滑动的页面(应该是 Page1)也变为 Page2。

我怎样才能解决这个问题?Page1() 和其余的返回一个小部件。例如,Page1 类编码为:

0 投票
0 回答
27 浏览

flutter - 在颤动中弹回包含 CarouselSlider 的页面

我构建了一个颤振应用程序,其中有两个页面,一个在 RaisedButton 小部件中有一个 CarouselSlider 容器,当我单击一个图像时,它会推动另一个带有该图像的页面,当我尝试返回上一页时,我得到了这个错误:错误图像

我尝试过: 1- 将 CarouselSlider 页面中的 onpressed 函数设为异步函数,并在 Navigation 指令之前放置一个 await 关键字 2- 在 Navigation 指令之后设置 setState

0 投票
2 回答
2887 浏览

flutter - Flutter - 在提供者值更改时触发 PageView 更改

我有一个带有 PageView 页面的自定义 BottomAppBar。当用户单击 BottomAppBar 中的项目时,我正在尝试更改页面。我正在使用 Provider 来管理全局状态。单击项目会触发提供程序中的值更改,但 PageView 中没有方法可以在值更改时触发页面更改。我怎样才能做到这一点?下面是我的代码。

我的提供者:

BottomAppBar 项:

页面预览:

0 投票
1 回答
265 浏览

flutter - Flutter 中的 PageView 小部件上的两个页面

有没有办法在 PageView 小部件中同时显示两个页面?基本上需要动态设置许多页面,例如纵向 1 和横向 2,如果不使用 PageView,还有其他选择吗?

0 投票
1 回答
67 浏览

flutter - Flutter PageView 防止在没有小部件时滑动

在 iOS 上,即使那里没有项目,用户也可以向右或向左滑动,它会反弹,但用户仍然可以看到白屏的一部分。有没有办法防止这种情况发生?

0 投票
1 回答
766 浏览

flutter - 在具有可变高度的小部件树中使用 DefaultTabController

在我的应用程序中,我有一个 PageView,然后在那个 PageView 中有一些选项卡式内容(通过使用 DefaultTabController)。在这些选项卡中,我有一些可变高度的内容。无论我做什么,每当我尝试使用 DefaultTabController 时,Flutter 都会抛出这个错误:

我试过了:

  • 使用 shrinkWrap 将所有内容包装在 ListView 中:true
  • 使用具有最小主轴尺寸的列

无论我做什么,TabBarView 总是试图渲染到无穷大。如何使用 DefaultTabController 显示可变高度选项卡?

这是我的代码:

0 投票
2 回答
1097 浏览

flutter - 在 Flutter 的 PageView 模块中没有正确设置 PageController。弹出职位非空错误

我开始使用 Flutter 框架进行编程,并立即注意到出现了一个奇怪的问题(有关更多信息,请参见下文)。

问题发生在以下情况:返回MainScreen并尝试PageView通过按下按钮从 中的屏幕切换来更改索引后PageView,我收到此错误:

这是我的主屏幕:

这是我的RxDart Sharable文件:

有人可以告诉我我在这里做错了什么吗?

0 投票
1 回答
1486 浏览

flutter - 带有内部箭头的颤振幻灯片

如何在 Flutter 中实现这种行为?任何小部件或插件示例?

看这个动图

我尝试了轮播插件和 viewPagers 小部件,但无法使其工作。

这是我开始使用的示例代码。

0 投票
0 回答
1318 浏览

flutter - 问题 GestureDetector onTapDown 与 PageView 颤动

我有一个包裹在 GestureDetector 内的容器 A,它向下点击可将背景颜色更改为黄色,向上点击可将颜色恢复为红色。当容器 A 被点击时,颜色会变成这样(红色 -> 黄色 -> 红色)。但是如果这个容器 A 用另一个空的容器 B 包裹在一个 PageView 中,点击容器 A 只会显示点击颜色(红色),只有当我长按容器 A 时才会显示点击颜色(黄色),这预计不会。我试图从 PageView 中删除容器 B,然后容器 A 的颜色变化将正确显示(红色 -> 黄色 -> 红色)。请帮我弄清楚,谢谢。这是示例代码。