如何禁用PageView边缘的动画?

2024-01-09

我希望用户在 PageView 中的页面之间滚动,但当他们尝试在第一页之前和最后一页之后滚动时,我不想向他们显示动画。我可以在彩色动画、黑色动画和无滚动之间切换,但我根本找不到任何禁用动画的可能性。

如果没有这种可能性,我怎样才能改变该动画的颜色或至少使其透明?


根据您的屏幕截图,我可以说您正在使用BouncingScrollPhysics为您PageView。 iOS 设备通常使用此行为。尽管如此,我也查看了您提供的整个源代码here https://pastebin.com/fnxgQHtJ.

什么地方出了错

您已添加PageView没有伴随它Scaffold or Material小部件位于顶层,这就是为什么背景位于子项后面PageView颜色是黑色。

https://dartpad.dev/c709e410d0a68248ac5b387b3bc6af93 https://dartpad.dev/c709e410d0a68248ac5b387b3bc6af93

从文档中:

Scaffold实现基本的材料设计视觉布局结构。

如果没有这个小部件,您会注意到您的应用程序可能会占据设备的整个屏幕,包括通知栏,因为它(PageView)不知道状态栏位于屏幕的什么位置。

你可以做什么

我注意到所有的孩子都添加了PageView有个人的Scaffold and AppBar, 确实没有必要嵌套脚手架 https://api.flutter.dev/flutter/material/Scaffold-class.html#material.Scaffold.4你可能想使用TabBarView https://api.flutter.dev/flutter/material/TabBarView-class.html代替PageView,并让父小部件处理AppBar改变通过TabController https://api.flutter.dev/flutter/material/TabController-class.html.

但是,如果您认为重构会花费太多精力,请随时查看以下选项,这些选项只需进行最少的更改即可满足您的需求:

选项1。您可以将您的小部件包装在Scaffold widget.

https://dartpad.dev/4620ff91444353f5e000d2063594bd96 https://dartpad.dev/4620ff91444353f5e000d2063594bd96

选项 2。鉴于嵌套Scaffold小部件不是一个好的做法,您可以只使用简单的Material小部件来包装你的PageView与孩子们包裹着Scaffold widget.

https://dartpad.dev/43f8730e5592ce1f96193fc01f08a29c https://dartpad.dev/43f8730e5592ce1f96193fc01f08a29c

这些解决方案将改变背景颜色PageView从黑到白。

选项 3。如果你真的想摆脱动画,最简单的方法就是改变你的滚动物理:

physics: ClampingScrollPhysics(),

但是,当您尝试在屏幕末端滑动时,这仍然会产生发光或波纹效果。

为了进一步消除这种影响,我将与您分享以下答案:

  • 如何去除滚动发光? https://stackoverflow.com/questions/51119795/how-to-remove-scroll-glow(适用于安卓)
  • 如何去除ios上的过度滚动? https://stackoverflow.com/questions/58645048/how-to-remove-overscroll-on-ios(适用于 iOS)

进一步阅读

  • https://api.flutter.dev/flutter/widgets/ScrollPhysics-class.html https://api.flutter.dev/flutter/widgets/ScrollPhysics-class.html
  • https://medium.com/flutter-community/custom-scroll-physicals-in-flutter-3224dd9e9b41 https://medium.com/flutter-community/custom-scroll-physics-in-flutter-3224dd9e9b41
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何禁用PageView边缘的动画? 的相关文章

  • 如何将 Firestore 文档数据转换为类

    在 Firestore 中 有一些文档包含 名称 大陆 等字段及其字符串值 我在主 UI 代码中使用 FutureBuilder 并调用getData 功能 这是我的代码 class DatabaseService final locati
  • 在 flutter 中强制重建有状态子部件

    假设我有一个主屏幕 有状态小部件 其中有一个变量count作为状态 在此主屏幕中 有一个按钮和另一个有状态小部件 我们称之为MyListWidget MyListWidget初始化它自己的小部件initState取决于的值count多变的
  • 如何在 Flutter 上的 sqlite 中存储对象数据列表?

    如何在 Flutter 上的 SQLite 中存储对象数据列表 API 附带的 Json 数据 images id 10 name img1 id 11 name img2 在使用 SQLite 存储对象之前 您需要序列化对象列表 首先 你
  • 如何监听颤振中焦点的变化?

    在Android中 我们可以调用setOnFocusChangeListener 做某事onFocusChanged 方法 但 flutter 不提供onFocus 界面像onTap 在 GestureDetector 或onKey 在 R
  • GetX 控制器不会自动关闭

    我有一个在 Android 上运行的 minimlaist 示例应用程序 仅使用 GetX 作为状态管理库 有两个屏幕 LandingPage 和 MainScreen 从 MainScreen 返回到 LandingPage 屏幕时 控制
  • flutter 的 Image_picker 插件在 iOS 上运行时会导致构建错误

    在 iOS 模拟器上运行 flutter 应用程序时出现此错误 Users sirapol Desktop FirstCareFrontEnd care now frontend v1 build ios Debug iphonesimul
  • 如何解决android studio中无效的密钥库格式?

    什么地方出了错 任务 app signReleaseBundle 执行失败 执行 com android build gradle internal tasks Workers ActionFacade 时发生故障 无法从存储 Users
  • Flutter:后台中的 SVG 图像抛出错误

    我必须将 SVG 图像保留在背景中并将文本保留在顶部 当我保留 Flutter SVG 包中的 SVG 图像时 出现了这样的错误 I flutter 24437 Unsupported operation Could not resolve
  • 在 Flutter 中播放自定义声音

    我正在尝试播放自定义 mp3 声音 我已将资源文件夹放入应用程序文件夹中 就像对字体或图像文件所做的那样 但我真的不知道如何继续 我想我可能需要将音频文件注册到 pubspec yaml 中 但是如何注册呢 我该如何玩它 我已经检查了这两个
  • Flutter Stripe 在显示付款单时抛出 StripeException

    我正在尝试使用 stripe payment 包在我的 flutter 应用程序中实现 Stripe 支付系统 在我的代码中 我调用 Stripe instance initPaymentSheet 但是当我尝试在几行之后调用 Stripe
  • 如何在flutter webview中启用文本选择模式(复制/粘贴/选择)?

    任何人都可以分享代码片段以在 flutter 的 webview 中启用文本选择模型吗 到目前为止 我发现默认情况下 webview 只有一个手势识别器 即垂直滚动 如果有人有代码LongPressGestureRecognizer请在这里
  • 如何在flutter中使用API​​调用嵌套的json数据?

    我的 JSON 看起来像这样 Info c type id 1 cleaning type A Cleaning c type id 2 cleaning type B Cleaning c type id 3 cleaning type
  • 扩展 AppCompatActivity 与扩展 flutterActivity

    为了https flutter dev docs development platform integration platform channels tab android channel java tab step 3 add an a
  • 如何使 Flutter 应用字体大小独立于设备设置?

    我需要使我的整个应用程序独立于设备的字体大小设置 我发现我可以设置textScaleFactor 1 0手动为每个文本视图 对于一些文本小部件来说 这是一个很好的解决方案 但对于具有数十个文本小部件的大型应用程序来说 这并不好 首先 我必须
  • Flutter with VSCode 显示未安装,即使已安装

    我刚刚开始颤抖 我已经安装它并成功创建了一个项目 但是当我尝试运行时它失败了 以下是 flutter doctor v 的输出 PS C android app flutter app flutter first app gt flutte
  • Flutter MissingPluginException 错误

    我正在尝试通过 Android Studio 中的 Flutter 在我的 S7 Edge Android 7 上运行 QR 码阅读器应用程序 这是示例代码的链接 https pub dartlang org packages qrcode
  • 重建父级时调用子级 init 方法 - flutter

    据我了解和颤振的工作机制 有状态的小部件方法仅在小部件树中第一次构建时被调用一次 并且每次其状态更改或父级重建时都会调用构建方法方法 bottomNavigationBar BottomNavigationBar items BottomN
  • 在 Flutter 应用程序中下载大型 pdf 文件

    我正在寻找一种使用 Flutter 应用程序从外部服务器下载大型 pdf 文件以进行离线存储的方法 但下载大文件 有时 100mb 以上 需要一些时间 我不希望应用程序陷入等待下载的状态 我正在寻找的是一个下载函数 它具有带有进度报告的回调
  • 如何在flutter中的Table内使用TableRowInkWell?

    有人用 TableRowInkWell 创建表格吗 我想要一个左边有可点击行 右边有不可点击行的表格 有没有创建漂亮表格的示例 您只能使用TableRowInkWell在 的里面TableRow or TableCell 例如 Table
  • 显示键盘时如何拦截颤动后退按钮

    我想在颤动中拦截软键盘的后退按钮 因此 当我想通过按后退按钮关闭键盘时 我希望调用一个附加函数 我怎样才能做到这一点 键盘后退按钮 你可以使用键盘可见性 https pub dev packages keyboard visibility

随机推荐

  • 创建梯度并返回方法

    抱歉 关于 iPhone 和 Quartz 编程的新手问题 刚刚开始从 C 到 Objective C 的转换 所以 我有这样一个类方法 CGGradientRef CreateGradient UIColor startColor end
  • 在映射内缩进 YAML 序列

    以下内容应该有效吗 parent child child 所以我们拥有的是映射内的一系列值 具体问题是第二行和第三行的缩进是否有效 Ruby YAML dump 生成了此代码 但是 Yaml 解析器here http www codepro
  • TFS 2010 中 witadmin 操作的日志在哪里?

    从 Visual Studio 2010 命令行运行 witadmin 命令时 此操作记录在 TFS 2010 中的何处 一个示例命令是 C gt witadmin exportwitd collection http server 808
  • 如何在 Dart 中返回不可变列表?

    所以在其他语言中有ArrayList or MutableList它允许修改 添加 删除 删除 列表项 现在为了避免修改这些列表 只需返回MutableList or ArrayList as a List 我想做同样的事情Dart 但在D
  • 如何在 Objective C 中使用 strlen 查找字符串长度

    我有一个字符串存储在字符串变量中 我想查找 str 变量中可用的字符串长度 我尝试过 strlen str 它不工作 如果您的字符串是 C 字符串 那么您可以使用strlen str 如果它是一个NSString str 那么你可以使用NS
  • 使用默认值而不是异常来提升 numeric_cast<> ?

    每当升压时numeric cast lt gt 转换失败 会抛出异常 boost 中是否有类似的模板可以让我指定默认值 或者在这种情况下捕获异常是我唯一能做的事情 我不太担心所有额外异常处理的性能 但我宁愿使用标准模板也不愿编写无用的包装函
  • 找不到 PROTOBUF 编译器

    我正在尝试使用 Caffe 进行 CMake 但我的系统找不到 protobuf 编译器 我之前安装过protobuf2 7 0 现在我切换回2 6 1 如何配置我的 CMake 来识别 protobuf2 6 1 编译器 我已经做好了 s
  • C++ 中正弦、余弦和平方根的最快实现(不需要太精确)

    我在过去一个小时内搜索了这个问题 但只有泰勒级数或一些示例代码要么太慢要么根本无法编译 好吧 我在谷歌上找到的大多数答案都是 谷歌一下 已经有人问过了 但遗憾的是it s not 我在低端 Pentium 4 上分析我的游戏 发现大约 85
  • 如何关闭对话框内的 jQuery Dialog?

    如何在不使用关闭按钮的情况下关闭对话框内的 jQuery 对话框 对话框内是一个简单的表单请求 如果提交成功 UI 对话框将自动关闭并刷新父页面 div div
  • 如何在一个类中执行多个 setTimeout jQuery?

    我有一堂课叫 content 该内容有一个名为 data time 我想隐藏它所在的所有元素 content与 一起上课setTimeout 功能 有人可以帮助我吗 HTML 代码 div class content first div d
  • Amazon Web Services (AWS) Cognito 错误“令牌不是来自此身份池支持的提供商。”

    我在跑步这个应用程序来自 GitHub https github com aws samples aws cognito java desktop app它允许用户注册并登录 Cognito 客户端应用程序 我正在使用适用于企业 Java
  • Web SQL DROP/DELETE 表不起作用

    我尝试了几种不同的命令来清除我的 Web SQL 数据库 但没有一个起作用 只是为了向您展示我已将所有这些功能组装成一个过度的功能 我缺少什么 Drop Table from Database Fix This function overK
  • 定义很多常量会导致性能或内存问题吗?

    我有一个网站 它使用了很多常量 这些常量的定义如下 例如 define CONSTANT 1 我目前有大约 200 个这样的定义的列表 每次加载页面时都会运行此列表 这会严重影响我的性能或内存使用吗 有理由避免在每次页面加载时列出 200
  • 如何在 Go 语言中模拟 exec.Command 进行多个单元测试?

    我刚刚学习了使用的单元测试函数exec Command 即嘲笑exec Command 我继续添加更多单元案例 但遇到了无法模拟不同场景输出的问题 这是示例代码hello go我正在尝试测试 package main import fmt
  • 如何拉伸div高度以填充父div - CSS

    我有一个页面div就像下面的布局 屏幕截图所示 代码在这里 html body margin 0 padding 0 border 0 B C D position absolute A top 0 width 100 height 35p
  • /usr/local/ssl/lib/libcrypto.a:无法读取符号:错误值

    因此 今晚对这个问题进行了一些详尽的研究后 我仍然感到困惑 我正在运行 Debian Wheezy 并且试图让curl 支持 ssl 但它显然拒绝这样做 我尝试删除 OpenSSL 和 Curl 的所有痕迹 然后使用 apt get ins
  • 从客户端应用程序访问环境变量

    我想从位于根目录中的 env 文件访问环境变量 并使用 dotenv 在我的 App js React 文件中使用它们 但是 我无法访问它们 在客户端 App js 文件结构 我想使用的变量 根 env我想在其中使用它们的文件 根 客户端
  • Webpack 在最终包中包含未使用的导出(不是 tree shake)

    我有一个设置 其中库的index js 主入口点 导出库中的所有内容 所以它的设置如下 export from mod1 export from mod2 etc 看一看 https github com purtuga common mi
  • 在 Python 中同时打开一个文件多次是否安全?

    我似乎记得在较低级别的语言中 在程序中多次打开文件可能会导致共享查找指针 通过在 Python 中搞乱一下 这似乎并没有发生在我身上 cat file txt first line second third fourth and fifth
  • 如何禁用PageView边缘的动画?

    我希望用户在 PageView 中的页面之间滚动 但当他们尝试在第一页之前和最后一页之后滚动时 我不想向他们显示动画 我可以在彩色动画 黑色动画和无滚动之间切换 但我根本找不到任何禁用动画的可能性 如果没有这种可能性 我怎样才能改变该动画的