My_Flutter_Learning_note

撲

• 介紹

什麼

• 框架
• 開源
• 來自單個代碼庫（Cross Pateform）的多板傳播應用程序。

為什麼要使用顫音

撲來改變了應用程序開發過程。從單個代碼庫中構建，測試和部署美麗的移動，網絡，桌面和嵌入式應用程序。

誰開除

• 由Google開發。
• 於2015年推出。
• 2017年發行。

安裝

設置環境

• 打開命令調色板。 。

• Mac OS上的Shift+CMD+P。

• 窗口上的Shift+Ctrl+P。

• 類型的飄動新項目

• 選擇flutter新項目

• 選擇應用程序

• 選擇要放置項目的項目路徑。

• 輸入您的項目名稱

• 按Enter

哦...完成了

• 您可以在項目中做任何您想做的事情。
• 這是指LIB文件夾Main.dart下的## Dart。

第一個Flutter應用程序

從官方文檔中復制粘貼，關注URL？ https://codelabs.developers.google.com/codelabs/flutter-codelab-first#2

添加按鈕

升高button（onpressed：（）{
打印（'Next按鈕按下'）; }，兒童：文字（'next'），），，

主功能或主功能

它唯一告訴運行Flutter應用程序。在函數myFunction（）ex中定義了。 void main（）{runapp（myFunction（））; }

小部件是您構建每個Flutter應用程序的元素。

如您所見，即使應用程序本身也是一個小部件。

前任。 1.《無能力》 2. Statefulwidget

class myApp（）{＃＃您的應用程序的起點。

}

• myAppState＃定義您的應用程序狀態

• MyAppState＃定義應用需要功能的數據。目前，它僅包含一個帶有 - - - 流隨機單詞對的變量。您稍後會添加到此。

• 變形者

• 在撲朔迷離中管理應用程序狀態的方法。 Maney Powefull的方式也是可見的。

• 州類擴展了changeNotifier，這意味著它可以通知他人自己的變化。

• 每個小部件都定義了一個構建（）方法，該方法每次都會自動調用小部件的情況時，因此小部件始終是最新的。

• MyHomePage使用手錶方法跟踪對應用程序當前狀態的更改。

• 腳手架（）：＃這是一個有用的小部件，在絕大多數現實世界中的撲朔迷離應用中都可以找到。

• 列（）：＃是撲來中最基本的佈局小部件之一。

• WordPair＃提供了幾個有用的收穫，例如Aspascalcase或Assnakecase。在這裡，我們使用Aslowercase

彈奏代碼格式

https://docs.flutter.dev/development/tools/formatting

撲打代碼通常涉及建立相當深的樹狀數據結構，例如在構建方法中。為了獲得良好的自動格式，我們建議您採用可選的尾逗號。添加尾隨逗號的指南很簡單：始終在功能，方法和構造函數的參數列表的末尾添加尾隨逗號，在這些函數，方法和構造函數中，您關心的是保持製作的格式。這有助於自動格式化器插入適當數量的飛行式代碼的線路斷裂。

• getNext（）
• 剩下的就是從按鈕的回調調用getNext方法。
• 使應用程序更漂亮
• 提取一個小部件
• 負責顯示當前單詞對的行現在看起來像這樣：text（appstate.current.aslowercase）。要將其更改為更複雜的事物，最好將此線提取到單獨的小部件中。在UI的單獨邏輯部分中擁有單獨的小部件是管理顫動複雜性的重要方法。

添加一張卡

重構

提取小部件

• 選擇文本單擊重構
• 單擊提取小部件
• 輸入小部件的名稱
• 將在您的輸入名稱時創建課程

填充

• 選擇文本
• 右鍵單擊
• 選擇重構
• 選擇帶填充的包裝
• 按Enter

//注意：Flutter盡可能使用繼承的構圖。在這裡，它不是文本的屬性，而是一個小部件！

//這樣，小部件可以專注於他們的唯一責任，而開發人員，您在構成UI方面擁有完全的自由。例如，您可以使用填充小部件將文本，圖像，按鈕，您自己的自定義小部件或整個應用程序使用。小部件不在乎它的包裝。

主題和風格

功能

1. 選擇一個佈局小部件。
2. 可見的小部件（文本，圖像，圖標）。
3. 將可見的小部件添加到佈局小部件。
4. 材料應用。
5. 非物質應用程序。

任務完成

• 創建一個佈局
• 添加圖像
• 添加標題
• 添加字幕
• 添加等級圖標
• 添加呼叫圖標
• 添加標籤
• 添加路由圖標
• 添加標籤
• 添加共享圖標
• 添加標籤
• 添加文本（歸類）

創建響應式和自適應應用

• LayoutBuilder類“構建一個可以取決於父窗口小部件的大小的小部件樹”。

• AxtiveRatio（“試圖將孩子尺寸縮小到特定縱橫比的小部件。”）。

• CustomSingleChildLayout（“一個限制其單個孩子的佈局的小部件。”）

• Singlechildlayoutdelegate，（“控制孩子的佈局。”）

• Custommultichildlayout（“使用代表將多個孩子定位。”）

• FittedBox（“根據Fit縮放並將其孩子定位在自身中。”）

• 分數化框

• 佈局構建器

• MediaQuery

• MediaQueryData

• entirentationBuilder

佈局小部件

單個孩子

• 對齊 - 對齊 - 自身內在的孩子。對於垂直和水平對齊方式，它在-1和1之間的雙重值介於-1和1之間。

• FactiveRatio試圖將孩子尺寸縮小到特定的縱橫比。

• 約束箱對其孩子施加了尺寸約束，可控制最小或最大尺寸。

• CustomSingleChildLayout-使用委託功能將單個孩子定位。代表可以確定孩子的佈局約束和定位。

• 擴展且靈活的 - 允許行或列的孩子收縮或成長以填補任何可用的空間。

• 分數化的框 - 將其孩子大小為可用空間的一小部分。

• LayoutBuilder-建立一個可以根據父母規模重新流動的小部件。

• SingleChildScrollview-將滾動添加到一個孩子中。通常與行或列一起使用。

Multichild

• 列，行和彎曲 - 在單個水平或垂直運行中散發兒童。列和行擴展了Flex小部件。

• Custommultichildlayout - 在佈局階段使用代表職能將多個孩子定位。

• 流動 - 類似於Custommultichildlayout，但更有效，因為它是在油漆階段而不是佈局階段執行的。

• ListView，GridView和CustomScrollview - 提供可滾動的兒童列表。

• 堆棧 - 相對於堆棧邊緣的層次和位置多個孩子。與CSS中固定位置類似的功能。

• 表格 - 將其孩子的經典表佈局算法組合在一起，並結合了多個行和列。

• 包裹 - 在多個水平或垂直跑步中以其子女的速度發揮作用。

• 動畫系統的主要構建塊是動畫類。動畫代表特定類型的值，該值可以在動畫的整個生命週期中改變。執行動畫的大多數小部件都將動畫對像作為參數接收到，他們從中讀取動畫的當前值以及聆聽該值的更改。

• AddListener'每當動畫的值更改時，動畫都會通知所有使用AddListener添加的偵聽器。通常，在其偵聽器回調中聽取動畫調用setState的狀態對象，以通知小部件系統，需要使用動畫的新值重建它。 '

• AnimatedWidget，“對無狀態動畫小部件最有用”

• AnimatedBuilder，“對於希望將動畫作為較大構建功能的一部分包含的更複雜的小部件很有用。”

• AddStatuslistener的動畫還提供了一個動畫策略，該動畫表明動畫會隨著時間的推移如何發展。 '

• AnimationController''