話不多說,圖文記錄新建工程,跑個(gè)默認(rèn)demo,最后改寫成簡單demo

步驟1

步驟2

步驟3

步驟4

步驟5

運(yùn)行效果
在系統(tǒng)默認(rèn)demo里邊的目錄,有個(gè)lib文件夾,里面的main.dart就是入口文件,相當(dāng)于iOS開發(fā)里面的Appdelegate??粗a不少,默默頭暈三秒鐘........讓我們刪除mian里面的內(nèi)容,動(dòng)起手來!一行一行地代碼添加吧??!以及注釋吧!

默認(rèn)系統(tǒng)demo目錄
先引入項(xiàng)目需要的頭文件,以及函數(shù)入口文件,其中AppHello就是自己定義的一個(gè)類
import 'package:flutter/material.dart';
void main()=>runApp(AppHello());

從零開始寫代碼

運(yùn)行效果
StateFullWidfet與StatelessWidget區(qū)別
其中StateFullWidfet,是一種動(dòng)態(tài)組件,UI動(dòng)態(tài)改變,像網(wǎng)絡(luò)請(qǐng)求的加載菊花,上傳下載的進(jìn)度條。
StatelessWidget,靜態(tài)組件,像文本框。