綜合看來(lái)Flutter 跟RN?Cordova 相比還是具有一定的優(yōu)勢(shì)的,從去年開(kāi)始到現(xiàn)在一直收到開(kāi)發(fā)者的青睞,不得不說(shuō)Flutter 性能上還是王者,跟原生相比還有點(diǎn)小差距,但是可以一端多用,你只要稍微會(huì)滴安卓或者iOS就可以,作為iOS開(kāi)發(fā)者來(lái)說(shuō),這些是小問(wèn)題,從去年開(kāi)始,就接觸RN開(kāi)發(fā)項(xiàng)目再到后來(lái)Flutter,自我感覺(jué) Flutter是一定的趨勢(shì),可以適當(dāng)了解一下(以上竟是扯淡)接下來(lái)進(jìn)去實(shí)例
一,網(wǎng)絡(luò)請(qǐng)求
?1.網(wǎng)絡(luò)請(qǐng)求Flutter 中文?提供了兩種一個(gè)是dart:io?一個(gè)是dio ,推薦dio,我這里是用dio的(直接貼代碼)
2.有一個(gè)網(wǎng)站可以模擬請(qǐng)求連接mocky
3 這樣就可請(qǐng)求數(shù)據(jù)了
二 處理返回?cái)?shù)據(jù)?json_serializable中文網(wǎng)
1.添加依賴
2.處理返回?cái)?shù)據(jù)有兩種
? ? 一種是手動(dòng)序列化和反序列化(dart:convert)
? ? 通過(guò)代碼生成自動(dòng)序列化和反序列化(?json_serializable)
? ? 主要介紹一下json_serializable?
3 創(chuàng)建一個(gè)user.dart 導(dǎo)入頭文件,@JsonSerializable() ?編輯代碼
4.使用命令flutter packages pub run build_runner build ??我們可以在需要時(shí)為我們的model生成json序列化代碼 例如
? ?這個(gè)文件是命令生成的 ,這樣就完成序列化了跟反序列化,song.g.dart ?就是生成的
,
5,也可根據(jù)服務(wù)器放回字段添加,例如服務(wù)器人員添加一個(gè)字段wideth 這時(shí),可以手動(dòng)添加,關(guān)鍵字@?JsonKey ? ,構(gòu)建機(jī)制里添加一下
@JsonKey(name:'wideth')
Stringwideth;
6,找到剛剛命令生成的dart 添加wideth
? ? ? wideth: json['wideth']as String
? ? ? 'wideth':instance.wideth
這就OK了,大神勿噴