項目地址:
https://github.com/zubairehman/flutter_boilerplate_project/tree/master
樣板包含創建新庫或項目所需的最小實現。存儲庫代碼預加載了一些基本組件,例如基本應用程序架構、應用程序主題、常量和創建新項目所需的依賴項。通過使用樣板代碼作為標準初始值設定項,我們可以在所有將繼承它的項目中具有相同的模式。這也將有助于減少設置和開發時間,允許您使用相同的代碼模式并避免從頭開始重寫。
代碼生成
該項目使用與代碼生成配合使用的庫,執行以下命令生成文件:inject
flutter packages pub run build_runner build --delete-conflicting-outputs
或 watch 命令以保持源代碼自動同步:
flutter packages pub run build_runner watch
隱藏生成的文件
要隱藏生成的文件,請導航到 -> -> -> 并將以下行粘貼到部分下:Android StudioPreferencesEditorFile Typesignore files and folders
*.inject.summary;*.inject.dart;*.g.dart;
在 Visual Studio Code 中,導航到 -> 并搜索 。添加以下模式:PreferencesSettingsFiles:Exclude
**/*.inject.summary
**/*.inject.dart
**/*.g.dart
國際化
多語言國際化開發
代碼在線運行
https://dartpad.dev/?embed=true&split=60&run=true&sample_id=material.ListTile.2&channel=stable
Theme主題設置
默認的主題,是紅色的,可以嘗試調整一下主題,或者使用Material 主題。
修改
samking_pump/lib/constants/app_theme.dart
就可以實現主色調的修改了。
在這個文件中
samking_pump/lib/presentation/my_app.dart
有如下代碼:
build(BuildContext context) {return Observer(builder: (context) {return MaterialApp(debugShowCheckedModeBanner: false,title: Strings.appName,theme: _themeStore.darkMode? AppThemeData.darkThemeData: AppThemeData.lightThemeData,
Widget
這里有個return MaterialApp(…)
說明本身就是使用的是Material主題的。
使用Material默認主題
修改 samking_pump/lib/constants/app_theme.dart
return ThemeData(colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),useMaterial3: true,);
設置主色調自動生成配色方案
//這會根據 seedColor 自動生成一整套符合 Material 設計規范的顏色方案,非常實用。static ColorScheme blueLightColorScheme = ColorScheme.fromSeed(seedColor: Colors.blue, // 你也可以換成你喜歡的主色,比如 Colors.greenbrightness: Brightness.light,);
顏色查詢
https://api.flutter.dev/flutter/material/Colors-class.html