示例 github：flutterlayout https://github.com/LiuC520/flutterlayout
MaterialApp
連載：flutter布局-1-column
連載：flutter布局-2-row
連載：flutter布局-3-center
連載：flutter布局-4-container
連載：[flutter布局-5-Matrix4矩陣變換
對(duì)話框冬骚，通常是應(yīng)用的一些信息當(dāng)然我們一般都是需要自定義的苇本，不用flutter自帶的
animated_icons.png
動(dòng)畫icons
自帶的就下面14中動(dòng)畫圖片，也就是從一種狀態(tài)變換成另外一種狀態(tài)
比如 AnimatedIcons.close_menu,這個(gè)表示從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(); //加上這個(gè)拼卵，動(dòng)畫才能執(zhí)行，可以放到按鈕的點(diǎn)擊事件里面去豫领，
...
AnimatedIcon(
size: 30,
icon: icons[i],
progress: animationController,
semanticLabel: 'Show menu',
),
示例所在的位置：https://github.com/LiuC520/flutterlayout/blob/master/lib/material/animated_icons.dart
