Flutter App Template Generator是一個自當生成Flutter應(yīng)用框架的Android Studio和Intellij IDEA插件社痛。它可以幫助生成大部分代碼框架。它擁有這些特性：
- 使用reduce進行widget的狀態(tài)管理缕碎。
- 能夠自動把json轉(zhuǎn)化成dart類褥影。
- 根據(jù)提供的json生成網(wǎng)絡(luò)訪問的restful api接口池户。
- 根據(jù)Json生成數(shù)據(jù)庫模塊咏雌。
- 包含了一些view常用控件，比如底部導航欄校焦，Draw赊抖，AppBar，TopTabBar寨典，ListView（自動綁定Json生成的類）氛雪，簡易登錄界面，設(shè)置界面（暗黑模式耸成，字體大小报亩，IOS或Android樣式）
使用
- 在插件庫搜索Flutter App Template Generator，安裝并重啟編輯器井氢。
- 用Android Studio或Intellij IDEA創(chuàng)建一個Flutter項目弦追。
- 右鍵點擊lib目錄，選擇“New” -->“Generate App Template”花竞。
- 點擊“Init Project“按鈕來初始化劲件，初始化秩序做一次。（如果lib目錄沒有看見文件约急，請到文件目錄刷新）
-
輸入Page名稱零远，Json類，json字符串厌蔽，選擇你想要添加的控件牵辣，點擊OK 。
step 5 - 修改類的變量并點”Generate“奴饮。（主類必須有unique屬性的變量）
step 6 - 插件將會生成如下代碼及目錄
code - 在main.dart中添加所創(chuàng)的頁面到導航服猪。
Map<String, WidgetBuilder> _routes() {
return <String, WidgetBuilder>{
"/settings": (_) => SettingsOptionsPage(
options: _options,
onOptionsChanged: _handleOptionsChanged,
),
"/": (_) => new HomeView(),
};
}
- 設(shè)置服務(wù)器服務(wù)器地址
network_common.dart
Dio dio = new Dio();
// Set default configs
dio.options.baseUrl = 'https://unsplash.com/';
解析
photo_repository.dart
Future<List<Photo>> getPhotosList(String sorting, int page, int limit) {
return new NetworkCommon().dio.get("napi/photos").then((d) {
var results = new NetworkCommon().decodeResp(d);
List<Photo> list =
results.map<Photo>((item) => new Photo.fromJson(item)).toList();
return list;
});
}
photo_middleware.dart
repository
.getPhotosList(
"sorting",
store.state.photoState.page.currPage,
store.state.photoState.page.pageSize)
.then((map) {
if (map.isNotEmpty) {
next(SyncPhotosAction(page: Page(), photos: map));
}
- 綁定數(shù)據(jù)到UI
home_view.dart
class _PhotoListItem extends ListTile {
_PhotoListItem({Photo photo, GestureTapCallback onTap})
: super(
title: Text(photo.id),
subtitle: Text(photo.views==null?"0":photo.views.toString()),
leading: CircleAvatar(child: Image.network(photo.urls.thumb)),
onTap: onTap);
}
現(xiàn)在你可以執(zhí)行這個應(yīng)用了供填，它將生成如下界面
app
更多功能請下載并嘗試一下，如果你使用這個開發(fā)罢猪，你會剩下很多敲代碼的時間近她。
