一、Flutter環(huán)境搭建
因我個人原來是iOSer，所以在開發(fā)過程中個人是喜歡 AndroidStudio + XCode 創(chuàng)建及開發(fā)flutter項目凄贩，不太用flutter命令壹甥；詳細環(huán)境搭建可參見：Flutter中文網(wǎng)環(huán)境搭建盹廷，另Mac同學搭建遇到坑可參見:Mac環(huán)境搭建可能遇到的坑巾兆。
二祝拯、Dart基礎知識
2.1碉输、程序入口
void main() { runApp (Text("Hello World", textDirection: TextDirection.ltr)); }
如上端代碼挠锥，與iOS開發(fā)相同都是 mian 函數(shù)為入口函數(shù).
2.2主慰、控制臺輸出
日志輸出函數(shù):
print("hello world")
dart快速即時編寫工具 DartPad 共螺，類似swift里的playground
2.3、變量
Dart 是類型安全 - 使用靜態(tài)類型檢查和運行時的組合情竹，檢查時確保變量的值始終與變量的靜態(tài)值匹配類型藐不。另某些類型注釋時可選的，dart執(zhí)行是會做類型推斷秦效；Dart類型
注：數(shù)字在Dart中也被當成對象雏蛮，所以只要是帶有數(shù)字類型未被初始化的變量值都是null ， 未初始換的變量初始值為null
null-aware 運算符幫助做null檢查
bool isExist(a,b){ bool outConn = outArr[a] ?. contains(b) ?? false} ;return outConn;
?.運算符左邊為null時會阻斷右邊算式的調(diào)用阱州，??運算符是當左邊表達式為null時為其設置默認值
如：outArr[a] ?. contains(b) 兩側(cè)表達式任意一個為null 導致結(jié)果都為null
bool outConn = null ?? false 返回結(jié)果為false
bool outConn = false ?? true 返回結(jié)果為false
2.4挑秉、函數(shù)
返回類型 函數(shù)名 (類型 參數(shù)) { return 返回值;}
其中當返回類型為void則無需return
2.5、異步編程
在Dart中使用Future來表示異步操作苔货，在函數(shù)中 async 結(jié)合 await 運算符用于等待Future
_getIP async{
final url="https://www.baidu.com";
var request=await HttpsRequest.request(url);
print(json.decode(request.responseText)['origin']);
}
2.6犀概、聲明式語法
在Flutter中立哑，采用的聲明式編程，而我們之前的Android或iOS 都屬于命令式編程姻灶。
命令式編程：命令“機器”如何去做事情(how)铛绰，這樣不管你想要的是什么(what)，它會按照你的命令實現(xiàn)木蹬。
UIView *view = [[UIView alloc] init];
view.frame = self.view.bounds;
view.backgroundColor = [UIColor orangeColor];
我們要告訴“機器”: view的布局是 self.view.bounds view的背景色是 orangeColor
如果需要改變視圖,你通常需要使用選擇器 找到對應實例或擁有者去改變視圖屬性
聲明式編程：告訴“機器”你想要的是什么(what)至耻，讓機器想出如何去做(how)。
return View(
color: red,
child: View2(...),
)
在聲明式風格中镊叁，視圖配置（如 Flutter 的 Widget ）是不可變的，它只是輕量的“藍圖”走触。要改變 UI晦譬，widget 會在自身上觸發(fā)重建（在 Flutter 中最常見的方法是在 StatefulWidgets 組件上調(diào)用 setState()）并構(gòu)造一個新的 Widget 子樹。
三互广、Flutter入門基礎知識
3.1敛腌、創(chuàng)建并運行Flutter項目
個人推薦使用AndroidStudio 創(chuàng)建Flutter，方便快捷且有圖形化界面易操作惫皱；還能熟悉一個開發(fā)工具何樂而不為呢像樊！
打開AndroidStudio
Android Studio 教程可參考：AS教程
3.2、認識widget并使用widget嵌套成樹
Widget到底什么東?呢旅敷？
我們學習Flutter生棍，從?開始就可以有?個基本的認識：Flutter中萬物皆Widget；
在我們iOS或者Android開發(fā)中媳谁，我們的界?有很多種類的劃分：應?（Application）涂滴、視圖控制器（View Controller）、活動（Activity）晴音、View（視圖）柔纵、Button（按鈕）等等；
但是在Flutter中锤躁，這些東?都是不同的Widget搁料；
也就是我們整個應?程序中所看到的內(nèi)容?乎都是Widget，甚?是內(nèi)邊距的設置系羞，我們也需要使??個叫Paddingt 的Widget來做郭计；
runApp函數(shù)讓我們傳?的就是?個Widget：
我們可以導?Flutter默認已經(jīng)給我們提供的Material庫，來使?其中的很多內(nèi)置Widget觉啊；
import 'package:flutter/material.dart';
material是Google公司推?的?套設計?格拣宏，或者叫設計語?、設計規(guī)范等杠人；cupertino是iOS樣式的widget;
widget嵌套勋乾，如下代碼中：myApp繼承statelessWidget宋下，在myApp內(nèi)又新建一個widget
void main => return(myApp());
class myApp extends statelessWidget {
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar{
title: Text(widget.title),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text(
'You have pushed the button this many times:',
), ],),);}}
3.3、創(chuàng)建重用widget
首先要學會創(chuàng)建自己的widget
在Flutter開發(fā)中辑莫，我們可以繼承?StatelessWidget或者StatefulWidget創(chuàng)建??的Widget類学歧；
StatelessWidget： 沒有狀態(tài)改變的Widget，通常這種Widget僅僅是做?些展示?作?已各吨；
StatefulWidget： 需要保存狀態(tài)枝笨，并且可能出現(xiàn)狀態(tài)改變的Widget；
我們先學習創(chuàng)建statelesswidget
class MyStatelessWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return <返回我們的Widget要渲染的Widget揭蜒，?如?個Text Widget>;
}}
build?法的解析：
Flutter在拿到我們??創(chuàng)建的StatelessWidget時横浑，就會執(zhí)?它的build?法；
我們需要在build?法中告訴Flutter屉更，我們的Widget希望渲染什么元素徙融，?如?個Text Widget；
StatelessWidget沒辦法主動去執(zhí)?build?法瑰谜，當我們使?的數(shù)據(jù)發(fā)?改變時欺冀，build?法會被重
新執(zhí)?；
build?法什么情況下被執(zhí)?呢萨脑？：
1隐轩、當我們的StatelessWidget第?次被插?到Widget樹中時（也就是第?次被創(chuàng)建時）；
2渤早、當我們的?Widget（parent widget）發(fā)?改變時职车，?Widget會被重新構(gòu)建；
具體的例子這里就不寫了蛛芥。
創(chuàng)建好自己的widget后提鸟，就可以在父widget中調(diào)用自定義的widget小部件了
四、參考
4.1仅淑、dart官方語言文檔見：DartLanguage
4.2称勋、Flutter超全開源框架項目和學習資料匯總
