flutter-boilerplate-project 學習筆記

項目地址:

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

有如下代碼:

Widget build(BuildContext context) {return Observer(builder: (context) {return MaterialApp(debugShowCheckedModeBanner: false,title: Strings.appName,theme: _themeStore.darkMode? AppThemeData.darkThemeData: AppThemeData.lightThemeData,

這里有個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

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/bicheng/91872.shtml
繁體地址,請注明出處:http://hk.pswp.cn/bicheng/91872.shtml
英文地址,請注明出處:http://en.pswp.cn/bicheng/91872.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

集成電路學習:什么是CMSIS微控制器軟件接口標準

CMSIS,即Cortex Microcontroller Software Interface Standard(Cortex微控制器軟件接口標準),是由ARM公司與多家不同的芯片和軟件供應商緊密合作定義的一個標準。該標準旨在為基于ARM Cortex處理器的微控制器提供一套與供應商無關的硬件抽象層,從而簡化軟件的開發、重用,…

由淺入深使用LangGraph創建一個Agent工作流

創建一個簡單的工作流:Start ——> 節點1(固定輸入輸出) ——> Endfrom langchain_core.messages import SystemMessage, HumanMessage, AIMessage from langgraph.graph import StateGraph, START, END from typing_extensions import TypedDict from typing…

PL-0功能拓展及基于VSCode的IDE配置

title: PL/0功能拓展及基于VSCode的IDE配置 date: 2024-08-06 22:46:38 tags: 做過的實驗||項目復盤 top: true 概述PL/0語言可以看成PASCAL語言的子集,它的編譯程序是由C語言編寫的編譯解釋執行系統。PL/0能充分展示高級語言的最基本成分。拓展了pl0語言的基礎功能&#xff08…

【低空經濟】大型露天礦區安全生產無人機巡查與管理系統設計

1. 引言 大型露天礦區因其廣闊的作業區域和復雜的環境條件,安全生產管理面臨著嚴峻的挑戰。隨著科技的進步,無人機作為一種現代化的巡查工具,逐漸被應用于礦區的安全生產管理中。無人機具備高效、靈活、成本相對低廉等優點,可以在…

SpringCloud學習第一季-3

目錄 11.服務網關-Gateway新一代網關 一、Gateway概述 1、Gateway是什么 1.1 概述 2、 能干嘛 3、微服務架構中網關在哪里 4、為什么選擇gateway? 4.1 SpringCloud Gateway具有如下特性 4.2 SpringCloud Gateway 與 Zuul的區別 5、Zuul1.x模型 6、gateway模型 二、…

超越邊界:MongoDB 16MB 文檔限制的 pragmatic 解決方案

在軟件開發中,我們選擇的技術棧往往帶有一些固有的設計邊界。對于 MongoDB 而言,其最著名的邊界之一便是 BSON 文檔最大 16MB 的大小限制。在大多數場景下,這個限制是綽綽有余的,它鼓勵開發者設計更為精簡和規范的數據模型。然而&…

深入探討:PostgreSQL正則表達式中的郵政編碼匹配

引言 在處理大量數據時,如何高效地從字符串中提取特定模式的文本,如郵政編碼,是一個常見且具有挑戰性的任務。本文將通過一個具體實例,探討在PostgreSQL中使用正則表達式匹配加拿大郵政編碼的問題,并提供解決方案。 問題描述 我們希望能夠從字符串中提取所有符合加拿大…

集合框架(重點)

第十五天集合框架1.什么是集合 Collections集合Collection,也是一個數據容器,類似于數組,但是和數組是不一樣的。集合是一個可變的容器,可以隨時向集合中添加元素,也可以隨時從集合中刪除元素。另外,集合還…

深度學習核心:神經網絡-激活函數 - 原理、實現及在醫學影像領域的應用

🧑 博主簡介:CSDN博客專家、CSDN平臺優質創作者,高級開發工程師,數學專業,10年以上C/C, C#,Java等多種編程語言開發經驗,擁有高級工程師證書;擅長C/C、C#等開發語言,熟悉Java常用開發…

OneCode3.0 核心表達式技術深度剖析:從架構設計到動態擴展

一、引言:表達式技術在企業級框架中的核心價值 在當今快速變化的企業級應用開發中,動態性和靈活性已成為衡量框架優劣的關鍵指標。OneCode 3.0 框架作為企業級應用開發的重要工具,其核心表達式技術提供了一種強大的解決方案,使開發…

[css]旋轉流光效果

實現一個矩形的旋轉流光邊框效果。 需要使用css屬性梯度漸變&#xff1a;鏈接: conic-gradient&#xff0c;他指的是圓錐形變化的梯度。 // html<div class"demo"></div>// css body {width: 100%;height: 100%;background-color: black; }.demo {width…

NPM組件 @0xme5war/apicli 等竊取主機敏感信息

【高危】NPM組件 0xme5war/apicli 等竊取主機敏感信息 漏洞描述 當用戶安裝受影響版本的 0xme5war/apicli 等NPM組件包時會竊取用戶的主機名、用戶名、工作目錄、IP地址等信息并發送到攻擊者的電報地址(botToken “7699295118:AAF6pb7t718vjHWHwFQlZOastZQYHL8IVDE”&#x…

計算機網絡:組播和多播有什么區別?

在網絡通信中&#xff0c;“組播”和“多播”其實是同一概念的不同中文翻譯&#xff0c;它們對應的英文都是 Multicast。二者本質上沒有技術區別&#xff0c;只是因翻譯習慣不同而產生的兩種表述&#xff0c;在實際應用中可以通用。 不過&#xff0c;為了更清晰地理解這個概念&…

Amazon Q Developer:AI 增強編碼生產力的未來

Amazon Q Developer&#xff1a;重塑編碼體驗的 AI 助手 在如今快節奏的軟件開發世界中&#xff0c;開發者們始終在尋找能平衡生產力與探索欲的工具。而 Amazon 推出的 Amazon Q Developer&#xff0c;這款可嵌入 Visual Studio Code 等主流 IDE 的 AI 編碼助手&#xff0c;無疑…

linux eval命令的使用方法介紹

在這篇文章中&#xff0c;讓我們來詳細地介紹一下 Linux 中另一個非常強大但也極其危險的命令&#xff1a;eval。 eval 是一個 shell 內置命令&#xff0c;它的名字是 “evaluate”&#xff08;評估&#xff09;的縮寫。它的作用是將緊跟其后的參數&#xff08;一個或多個字符串…

JavaWeb筆記2-JavaScriptVueAjax

1. JavaScript 1.1 基礎介紹 JavaScript(簡稱&#xff1a;JS)是一門跨平臺、面向對象的腳本語言&#xff0c;是用來控制網頁行為&#xff0c;實現頁面的交互效果。JavaScript和Java是完全不同的語言&#xff0c;但基本語法類似組成 ECMAScript: 規定了JS基礎語法核心知識&…

代碼隨想錄刷題Day23

右旋字符串 這道題是比較常規的對字符串的復制操作&#xff0c;找到右旋部分的分界點是關鍵 代碼直接貼出來&#xff1a; #include<stdio.h> #include<string.h> int main(){int k;char s[10000];scanf("%d %s",&k,s);int cnt 0;for(int i str…

機器學習sklearn:編碼、啞變量、二值化和分段

就是轉換為數值類型方便機器學習模型處理一、編碼這里舉例將Survived這一行的數據轉換為編碼&#xff0c;原本是字符串類型2、將標簽編碼并賦值回去from sklearn.preprocessing import LabelEncoder y data.iloc[:, -1] # 最后一列拿出來 print(y) le LabelEncoder() le …

嵌入式八股文總結(ARM篇)

嵌入式開發中使用的通常是ARM芯片&#xff0c;在此總結一些面試常問的問題&#xff0c;希望可以和大家一起進步。&#xff08;持續更新中……&#xff09; 目錄 1. 介紹一下I2C的傳輸時序 2. I2C為什么加上拉電阻&#xff0c;為什么使用開漏輸出 3. I2C能接多少個設備&…

TCL --- 列表_part2

0 回顧 列表part0和part1描述了列表的創建&#xff0c;修改&#xff0c;獲取&#xff0c;搜索等相關命令。接下來這篇文章將介紹列表的排序和拼接。通過這三篇文章的描述&#xff0c;詳細大家對列表具有一個詳細并且系統的認識。 1 排序 排序是一個老生常談的話題。最最最常見的…