示例 github：flutterlayout https://github.com/LiuC520/flutterlayout

MaterialApp

連載：flutter布局-1-column 連載：flutter布局-2-row 連載：flutter布局-3-center 連載：flutter布局-4-container 連載：[flutter布局-5-Matrix4矩陣變換

對話框，通常是應用的一些信息當然我們一般都是需要自定義的，不用flutter自帶的

動畫icons

自帶的就下面14中動畫圖片，也就是從一種狀態變換成另外一種狀態 比如 AnimatedIcons.close_menu,這個表示從close(X)的樣式變成menu(三)的樣式

var icons = [AnimatedIcons.add_event,AnimatedIcons.arrow_menu,AnimatedIcons.close_menu,AnimatedIcons.ellipsis_search,AnimatedIcons.event_add,AnimatedIcons.home_menu,AnimatedIcons.list_view,AnimatedIcons.menu_arrow,AnimatedIcons.menu_close,AnimatedIcons.menu_home,AnimatedIcons.pause_play,AnimatedIcons.play_pause,AnimatedIcons.search_ellipsis,AnimatedIcons.view_list];復制代碼

具體使用方法

animationController = AnimationController(vsync: this,duration: Duration(microseconds: 2000),);animationController.forward(); //加上這個，動畫才能執行，可以放到按鈕的點擊事件里面去， ...AnimatedIcon(size: 30,icon: icons[i],progress: animationController,semanticLabel: 'Show menu',), 復制代碼

示例所在的位置：github.com/LiuC520/flu…

總結

以上是生活随笔為你收集整理的flutter布局-8-animated_icons动画图片的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。