flutter從入門到精通三

2022-08-09 21:57:20 字數 1588 閱讀 2344

flutter可以通過一套**執行在多個平台上,包括移動,web,桌面,嵌入式,但是在 web 平台的支援尚未達到 beta 階段,請不要用在生產環節,在閱讀文件時候,推薦大家閱讀 ,這是和官方文件同步的中文**,減少學習的成本

下面所有的**和案例都是基於編輯器vs code進行編輯,使用該編輯器和編輯器外掛程式以獲取更好的開發體驗。這些外掛程式提供了**補全、**高亮、widget 輔助編輯的功能,以及為專案的執行和除錯提供支援等。

tip:在flutter專案中,可以通過flutter doctor來檢查專案是否存在問題

通過vs code建立的專案目錄如下,我們編寫的**主要放在lib資料夾下面,其中最重要就是lib(編寫程式**)和pubspec.yaml (相當於npm專案中的package.json,設定專案的配置項)

應用程式所需的**在 『lib/main.dart』,如果想要從更高層次了解每個**塊的講解,請看**中的注釋。

// package:這是表示系統內建的包

// 下面表示建立了乙個具有 material design 風格的應用, material 是一種移動端和網頁端通用的視覺設計語言, flutter 提供了豐富的 material 風格的 widgets。

import 'package:flutter/material.dart';

// 下面表示引進第三方包english_words

import 'package:english_words/english_words.dart';

// 主函式(main)使用了 (=>) 符號,這是 dart 中單行函式或方法的簡寫,也就是箭頭函式,注意如果使用箭頭函式,只能寫一行。

// statelesswidget表示無狀態的元件,表示該元件內所有的狀態就是不能變化,如果需要繼承有狀態的元件,則是statefulwidget

//注意乙個widget主要工作是提供乙個 build() 方法來描述如何根據其他較低階別的 widgets 來顯示自己,可以和react中的render函式作比較。

flutter從入門到精通一

flutter 是 google 開源的 ui 工具包,幫助開發者通過一套 庫高效構建多平台精美應用,支援移動 web 桌面和嵌入式平台 flutter是基於dart語言開發的,我們將首先通過幾章節介紹下dart語言,再詳細的學習flutter 1.dart裡面是有型別的,並且具有型別校驗校驗 如果...

Flutter從入門到放棄

本篇主要記錄下flutter的學習路線。一 認識flutter 可以檢視這些文章 二 dart語言 1 認識dart語言 2 學習 從2018.02開始出現dart2,屬於強型別語言。介紹位址參考 三 開始flutter 網上也有很多部落格介紹了flutter怎麼安裝,但大多介紹不全,第一次安裝難免...

Nginx從入門到精通

1 nginx配置檔案載入機制 採用nginx s reload命令載入nginx的配置檔案,master程序讀取配置檔案,建立新的worker程序,向老的worker程序傳送shutdown命令。老的worker程序不再接受新的請求,待老的請求處理完成後,就會停掉。2 location匹配機制 當...