[圖片上傳失敗...(image-c939db-1650550552942)]
大家好,在這篇文章中,我們將學習如何添加動畫,同時從壹個頁面到其他在 Flutter。我們將覆蓋不同類型的動畫和實現基本動畫 Flutter 使用包頁動畫過渡。
page_animation_transition
[圖片上傳失敗...(image-1c5f15-1650550552942)]
動畫在提升用戶體驗方面起著至關重要的作用,但動畫到底是什麽呢?
設計語言,例如 Material,定義了在路線(或屏幕)之間轉換時的標準行為。不過,有時候,自定義屏幕之間的轉換可以使應用程序更加獨特。
在本教程中,我們將使用包頁面 page_animation_transition 來簡化在頁面上添加轉換。
使用插件探索不同的轉換
page_animation_transition
[圖片上傳失敗...(image-6b6c30-1650550552943)]
假設您正在從 PageOne 過渡到 PageTwo
以下是圖書館支持的動畫類型:
對於預定義的路由:
Navigator.pushNamed(context, '/pageTwo');
Pushnamed (context,’/pageTwo’) ;
Output:
輸出:
[圖片上傳失敗...(image-aaf4a9-1650550552943)]
輸出:
[圖片上傳失敗...(image-8bd8a1-1650550552943)]
希望這個博客能幫助妳深入了解 Flutter 的轉變。謝謝閱讀!如果有任何錯誤,請在評論中讓我知道,這樣我可以改進。如果這個博客對妳有幫助,就鼓掌吧!
? 貓哥