FIutter基礎(chǔ)

最基礎(chǔ)布局的特性和使用

類型 作用特點(diǎn)
Container 只有一個(gè)子 Widget而叼。默認(rèn)充滿,包含了padding豹悬、margin葵陵、color、寬高瞻佛、decoration 等配置脱篙。
Padding 只有一個(gè)子 Widget。只用于設(shè)置Padding伤柄,常用于嵌套child绊困,給child設(shè)置padding。
Center 只有一個(gè)子 Widget适刀。只用于居中顯示秤朗,常用于嵌套child,給child設(shè)置居中笔喉。
Stack 可以有多個(gè)子 Widget取视。 子Widget堆疊在一起。
Column 可以有多個(gè)子 Widget常挚。垂直布局作谭。
Row 可以有多個(gè)子 Widget。水平布局奄毡。
Expanded 只有一個(gè)子 Widget折欠。在 Column 和 Row 中充滿。

基礎(chǔ)的widget

類型 作用特點(diǎn)
MaterialApp 一般作為APP頂層的主頁入口,可配置主題锐秦,多語言咪奖,路由等
Scaffold 一般用戶頁面的承載Widget,包含appbar农猬、snackbar赡艰、drawer等material design的設(shè)定。
Appbar 一般用于Scaffold的appbar 斤葱,內(nèi)有標(biāo)題慷垮,二級(jí)頁面返回按鍵等,當(dāng)然不止這些揍堕,tabbar等也會(huì)需要它 料身。
Appbar 一般用于Scaffold的appbar ,內(nèi)有標(biāo)題衩茸,二級(jí)頁面返回按鍵等芹血,當(dāng)然不止這些,tabbar等也會(huì)需要它 楞慈。
Text 顯示文本幔烛,幾乎都會(huì)用到,主要是通過style設(shè)置TextStyle來設(shè)置字體樣式等囊蓝。
RichText 富文本饿悬,通過設(shè)置TextSpan,可以拼接出富文本場景聚霜。
Text 顯示文本狡恬,幾乎都會(huì)用到,主要是通過style設(shè)置TextStyle來設(shè)置字體樣式等蝎宇。
TextField 文本輸入框 :new TextField(controller: //文本控制器, obscureText: "hint文本");
Image 圖片加載: new FadeInImage.assetNetwork( placeholder: "預(yù)覽圖", fit: BoxFit.fitWidth, image: "url");
FlatButton 按鍵點(diǎn)擊: new FlatButton(onPressed: () {},child: new Container());

和Android對(duì)應(yīng)關(guān)系

Android 內(nèi)容 Flutter 內(nèi)容 IOS
Views 通過invalid更新 StateXXWidget 通過setState來更新狀態(tài) UIView
Views addChild() 或 removeChild() 添加或者刪除子 View StateXXWidget 控制子 Widget 的創(chuàng)建 UIView 可動(dòng)態(tài)修改
View動(dòng)畫 通過 XML 文件定義動(dòng)畫弟劲,也可以調(diào)用 View 對(duì)象的 animate() 方法 Animation<double> AnimationController 開控制 animate(withDuration:animations:)
自定義繪制 Canvas和Paint等 CustomPaint CustomPainter實(shí)現(xiàn) CoreGraphics
自定義View 繼承 View 自定義Widget 通過組合更小的 Widget 來創(chuàng)建自定義 Widget 繼承UIView
Intent 組件間通信使用Intent Navigator Navigator 和 Route,使用intent可以用額外插件 UINavigationController
外部Intent manifest中注冊(cè)接收 外部Intent manifest中注冊(cè)接收后姥芥,使用MethodChannel通過原生發(fā)過來 URL scheme
異步 UI runOnUiThread() Looper Isolate async/await兔乞,不能分享內(nèi)存,setState/SendPort&ReceivePort來更新UI Looper
OkHttp OkHttp http包 'package:http/http.dart' as http
ProgressBar ProgressBar ProgressIndicator ProgressIndicator的子類 UIProgressView
圖片 drawable凉唐,mipmap 圖片 asset Images.xcasset
字符串 string.xml 字符串 代碼中 Localizable.strings
gradle pubspec.yaml Podfile
組件生命周期 ActivityLifecycleCallbacks Widgets生命周期 didChangeAppLifecycleState ViewController
LinearLayout Row/Column
RelativeLayout Row/Column Row/Column,Stack Widget,聲明孩子相對(duì)父親的布局規(guī)則
ScrollView ListView 既是一個(gè) ScrollView庸追,也是一個(gè) ListView UITableView 和 UICollectionView
事件監(jiān)聽 XXListener 事件監(jiān)聽 onPressed,OnTap等 tableView:didSelectRowAtIndexPath:
ListView adapters ListView List<Widget>需要傳入一組widget
ListView onItemClickListener ListView 每個(gè)widget自我管理事件 GestureRecognizer
ListView notifyDataSetChanged ListView ListView.Builder reloadData
自定義字體 FontFamily pubspec.yaml配置 TextStyle(fontFamily: 'MyCustomFont') info.plist
EditTextView TextField onSubmitted,decoration
主題 manifest中theme MaterialApp ThemeData
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市熊榛,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌腕巡,老刑警劉巖玄坦,帶你破解...
    沈念sama閱讀 211,743評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡煎楣,警方通過查閱死者的電腦和手機(jī)豺总,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,296評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來择懂,“玉大人喻喳,你說我怎么就攤上這事±铮” “怎么了表伦?”我有些...
    開封第一講書人閱讀 157,285評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長慷丽。 經(jīng)常有香客問我蹦哼,道長,這世上最難降的妖魔是什么要糊? 我笑而不...
    開封第一講書人閱讀 56,485評(píng)論 1 283
  • 正文 為了忘掉前任纲熏,我火速辦了婚禮,結(jié)果婚禮上锄俄,老公的妹妹穿的比我還像新娘局劲。我一直安慰自己,他們只是感情好奶赠,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,581評(píng)論 6 386
  • 文/花漫 我一把揭開白布鱼填。 她就那樣靜靜地躺著,像睡著了一般车柠。 火紅的嫁衣襯著肌膚如雪剔氏。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,821評(píng)論 1 290
  • 那天竹祷,我揣著相機(jī)與錄音谈跛,去河邊找鬼。 笑死塑陵,一個(gè)胖子當(dāng)著我的面吹牛感憾,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播令花,決...
    沈念sama閱讀 38,960評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼阻桅,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼!你這毒婦竟也來了兼都?” 一聲冷哼從身側(cè)響起嫂沉,我...
    開封第一講書人閱讀 37,719評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎扮碧,沒想到半個(gè)月后趟章,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體杏糙,經(jīng)...
    沈念sama閱讀 44,186評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,516評(píng)論 2 327
  • 正文 我和宋清朗相戀三年蚓土,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了宏侍。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,650評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡蜀漆,死狀恐怖谅河,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情确丢,我是刑警寧澤绷耍,帶...
    沈念sama閱讀 34,329評(píng)論 4 330
  • 正文 年R本政府宣布,位于F島的核電站蠕嫁,受9級(jí)特大地震影響锨天,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜剃毒,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,936評(píng)論 3 313
  • 文/蒙蒙 一病袄、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧赘阀,春花似錦益缠、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,757評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至轰豆,卻和暖如春胰伍,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背酸休。 一陣腳步聲響...
    開封第一講書人閱讀 31,991評(píng)論 1 266
  • 我被黑心中介騙來泰國打工骂租, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人斑司。 一個(gè)月前我還...
    沈念sama閱讀 46,370評(píng)論 2 360
  • 正文 我出身青樓渗饮,卻偏偏與公主長得像,于是被迫代替她去往敵國和親宿刮。 傳聞我的和親對(duì)象是個(gè)殘疾皇子互站,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,527評(píng)論 2 349

推薦閱讀更多精彩內(nèi)容

  • 每日一言:我們的手中,握著的可能是失敗的種子僵缺,也可能是成功的無限潛能胡桃,答案需要我們自己選擇:隨波逐浪將一事無成,全...
    乘香墨影閱讀 1,112評(píng)論 0 9
  • 陽光燦爛的下午磕潮,我騎著公共自行車帶著十斤蘋果走在下班的路上翠胰,陽光透過樹葉照到我的臉上懊纳,顯得寂靜而美好。秋天的陽光總...
    田心的美麗人生閱讀 147評(píng)論 0 0
  • 一個(gè)人的時(shí)候冤今,你會(huì)怎么度過? 小時(shí)候,我可以一個(gè)人待在家里看一整天的電視戏罢,甚至可以一個(gè)人看鬼片屋谭。我不喜歡到人多的地...
    juziyou閱讀 1,559評(píng)論 0 0
  • 春夜街上閑逛今天不是光棍節(jié)李白的月光慢生活人生兩件大事其中之一突發(fā)奇想二則小時(shí)候的我喜歡哭鼻子寫散文的權(quán)力寫作札記...
    李一十八閱讀 388評(píng)論 0 0
  • 2017-7-6 星期四 天氣雷陣雨 寶貝年齡:7周歲4個(gè)月和1周5個(gè)月 學(xué)經(jīng)周期:3年半 學(xué)經(jīng)人員:琦琦桐磁。 學(xué)經(jīng)...
    廈門琦心媽閱讀 792評(píng)論 0 2