從零開始發(fā)布 APP系列第一期
起因
開發(fā)崗位做久了估計都會萌生自己開發(fā)一款應(yīng)用的想法投剥，其實很久之前就有沖動了碰酝，只是一直沒有好的想法丐黄，不知道做什么類型的應(yīng)用绊序，開發(fā)計劃也就一直擱置了。最近一段時間壓力比較大夸盟，停下來就容易胡思亂想蛾方，于是就先動起來吧。這個系列主要是記錄開發(fā)過程碰到的問題以及進度記錄满俗，大佬們有好的點子可以指導(dǎo)一下转捕，我加到項目里邊去。
效果
- 自定義tabbar切換有放大效果
-
tabbar 整體添加滑動隱藏顯示（實際效果并不好唆垃，跟系統(tǒng)的工具條和手勢容易沖突五芝，后面考慮固定）
tabbar.gif
進度
- 實現(xiàn)自定義 tabbar
- 個人中心界面框架
下一步
- 個人中心背景圖使用相冊圖片
- 編輯個人資料（姓名，標(biāo)簽）
- 使用 sqlite 保存用戶信息
知識點
- 自定義 tabbar 關(guān)鍵是IndexedStack組件辕万，用來切換 page
IndexedStack(
index: currentIndex,
children: [
Container(
color: Colors.white,
),
Container(
color: Colors.green,
),
Container(
color: Colors.yellow,
),
const UserMain(),
],
),
- 動畫效果主要使用了動畫組件AnimatedScale枢步，AnimatedContainer，位移組件Transform
AnimatedContainer(
curve: Curves.easeOutCubic,
color: $styles.colors.accent1,
duration: const Duration(milliseconds: 200),
height: 3,
width: widget.selected ? 30 : 0,
),
- 枚舉enum的學(xué)習(xí)渐尿，不太會用記錄一下醉途，后面繼續(xù)學(xué)習(xí)
dart2.17枚舉增加新特性，支持成員變量 用法參考官網(wǎng)
enum UserFunction {
collect(UserFunctionModel('我的收藏', RoutesApi.collect, IconType.collect)),
abount(UserFunctionModel('關(guān)于', RoutesApi.abount, IconType.abount));
final UserFunctionModel model;
const UserFunction(this.model);
String title() => model.title;
String router() => model.router;
Icon icon() => model.iconType.icon();
}
///使用
List list = [UserFunction.collect, UserFunction.abount];
