gpt4 book ai didi

android - 如何在Flutter中实现类似iOS的流畅页面过渡动画?

转载 作者:IT王子 更新时间:2023-10-29 06:57:09 26 4
gpt4 key购买 nike

我正在查看应用程序 The History of Everything,因为我正在学习编写 Flutter 应用程序。但后来我注意到应用程序中的页面过渡动画比我自己的应用程序更流畅,后者也是用 Flutter 制作的。您可以在下面看到比较:

My App

^ 你可以在我的应用中看到,当我做一个滑动手势并向一半释放时,它立即重置为 0,没有任何转换。

The History of Everything

^ 你可以在 The History of Everything 中看到,当我做一个滑动手势并向一半释放时,它会平滑地过渡回 0。

我在 GitHub ( https://github.com/2d-inc/HistoryOfEverything ) 上检查了他们的源代码,它以与我相同的方式推送路由,使用 MaterialPageRoute。我已经在我的手机上使用 Release模式构建我的应用程序,因此它不应该与性能相关。

以下是我如何推送到新路线:

Navigator.push(
context,
MaterialPageRoute(
builder: (context) {
return MessageScreen(conversation: _conversation);
},
),
);

这是我的 Flutter 医生输出:

[✓] Flutter (Channel stable, v1.2.1, on Mac OS X 10.14.4 18E226, locale en-HK)
[✓] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
[!] iOS toolchain - develop for iOS devices (Xcode 10.2.1)
✗ Verify that all connected devices have been paired with this computer in
Xcode.
If all devices have been paired, libimobiledevice and ideviceinstaller may
require updating.
To update with Brew, run:
brew update
brew uninstall --ignore-dependencies libimobiledevice
brew uninstall --ignore-dependencies usbmuxd
brew install --HEAD usbmuxd
brew unlink usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller
[✓] Android Studio (version 3.4)
[✓] VS Code (version 1.33.1)
[!] Connected device
! No devices available

我在这里遗漏了什么?

最佳答案

如果你想像 iOS 那样有一个幻灯片过渡,你可以使用:

CupertinoPageRoute. 
Navigator.push(
context, CupertinoPageRoute(builder: (context) => Screen2()))

关于android - 如何在Flutter中实现类似iOS的流畅页面过渡动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56026568/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com