I le maeʻa ai o le faʻamaʻi, sa i ai se siʻitaga tele i le atinaʻeina o telefoni feaveaʻi, faʻateleina le faʻaogaina o mea faigaluega faʻapipiʻi faʻapipiʻi e pei o Flutter.
E ui lava i lona taʻutaʻua, o le Flutter e iai ni faʻafitauli. O lea la, o loʻo vaʻavaʻai le au atinaʻe mo isi mea e sili atu.
Ae tatou te leʻi talanoaina nisi o mea sili ona lelei Flutter i fafo, seʻi o tatou suʻesuʻe atili e uiga ia Flutter.
O le a Fiafia?
Flutter, fa'alauiloa ia Me 2017, o le Google's UI toolkit mo le fa'atupuina o fa'ata'ita'iga, fa'ale-aganu'u fa'aoga mo le telefoni feavea'i, upega tafa'ilagi, ma le komepiuta mai se fa'avae e tasi.
I se fa'apuupuuga, e mafai ai e oe ona fausia se fa'aoga telefoni feavea'i fa'atasi ma se fa'avae e tasi. O lona uiga e mafai ona e mamanuina ni polokalame ma'oti se lua e fa'aaoga ai se gagana fa'apolokalame se tasi ma le codebase (mo iOS ma le Android).
Dart, o se gagana fa'apolokalame, e fa'aoga e fai ai polokalame Flutter. O le manatu autu o Flutter, i le isi itu, e faʻataʻamilo i widget. I le fa'aaogaina o widgets, e mafai e tagata fa'aoga ona fausia le fa'aoga atoatoa o tagata fa'aoga.
O widget e faʻavasegaina i elemene faʻavae, elemene faʻalelei, elemene faʻatulagaina UI, ma isi.
O le Flutter o se pusa atina'e fa'akomepiuta atoa e aofia ai masini fa'aliliuina, CLI (mea faigaluega feso'ota'iga laina-fa'atonu), mea faigaluega fa'atupuina, widget e mafai ona suia atoatoa, su'ega, fa'apipi'i tele ma lagolago fa'apipi'i, su'esu'e la'au widget, feso'ota'iga API, ma sili atu.
Fua'i Fa'ailoga Autu
- Atinaʻe Vave: O le Flutter e tele naua mea e fesoasoani ai i tagata atiaʻe e fatuina ma faʻapipiʻi faʻaoga vave, e aofia ai faʻamaumauga tuusao. O le tele o faʻatulagaga taua ma elemene o se app ua faʻapipiʻiina muamua e pei o widget i se faʻafefe, ma o le mea sili ona taua, toe faʻaleleia vevela, lea e faʻasaoina ai le tele o le taimi e ala i le faʻatagaina o le app e toe fausia i lalo ifo o le sekone.
- Fa'atinoga Fa'aleaganu'u: O se tasi o itu sili ona lelei e uiga i le flutter o le tatala-puna, faʻatagaina soʻo se tasi e lava le atamai e saofagā i lona tuputupu aʻe. O le i'uga, ua ausia e le flutter se fa'atinoga fa'atosina e masani ona sili ona lelei e pei o polokalama fa'ale-aganu'u.
- Fa'amatalaga ma Fetuuna'i Fa'aoga Fa'aoga (UI): O se fa'aoga lelei fa'aoga (UI) e tatau ona avea ma itu taua o so'o se tekonolosi atina'e i luga o le maketi. Ae ui i lea, faatasi ai ma le fesoasoani a lona vaʻa vave faʻapitoa e pei o mea faitino, lea e fesoasoani i le app e foliga lelei e aunoa ma se galuega, o le flutter ua tuleia i se isi tulaga.
- Fa'agaio'iga fa'alavalava: O le uiga sili ona lelei a Flutter o le taimi e te fatuina ai se telefoni feaveaʻi, e te maua foi se upega tafaʻilagi ma le desktop app.
Fa'alili Fa'ailoga o Tiga
O le Flutter e iai ni uiga lelei. Ae ui i lea, e tele mea e taofia ai le au atinaʻe mai le faʻaaogaina. E aofia ai:
- E tatau i tagata atiaʻe ona faʻaalu sina taimi e aʻoaʻo ai se gagana polokalame fou aua o le faʻavae e fausia i luga o Dart.
- Afai e te mana'o e fai ni tusi talosaga e iai ni tomai fa'apitoa i masini, e le mo oe le Flutter.
- E le gata i lea, fai mai nisi tagata atiaeina o Flutter e le aoga mo le fatuina o polokalame faʻalavelave faʻapisinisi.
Mo nei mafuaaga uma, o le sailia o le filifiliga sili ona lelei ia Flutter atonu o se filifiliga poto.
1. Toe faʻafoʻi le tagata
Toe faʻafoʻi le tagata e fa'atagaina oe e fai fa'aoga telefoni feavea'i atoa ile JavaScript. E tutusa le manatu e pei o le React ma e mafai ai ona e fatuina se UI feaveaʻi faʻapitoa e faʻaaoga ai vaega faʻaalia.
E te le faia se upegatafa'ilagi feavea'i, se HTML5 app, po'o se fa'aoga tu'ufa'atasi ma React Native; e te faia se telefoni feaveai moni e le mafai ona iloa mai le mea na faia i le Objective-C poʻo le Java.
O vaega taua ole fale ole UI ile React Native e tutusa ma i iOS ma Android apps masani. Na'o lou tu'u fa'atasi na vaega ma le JavaScript ma React.
Faatasi ai ma lenei faʻavae, e mafai ona e fatuina ni polokalama sili mo le tele o faʻavae e faʻaaoga ai se codebase tasi. React Native Framework, o se faʻamatalaga tatala, faʻasalalauga feʻaveaʻi feʻaveaʻi, na lomia i le 2015.
Ona o le ofoofogia o ona gafatia ma faʻamanuiaga, ua vave ona avea ma se tasi o faʻavae sili ona lelei mo faʻaoga telefoni feaveaʻi. Peita'i, ua fa'atupula'ia le aofa'i o tagata atia'e o lo'o liliu atu i le React Native e fa'atupu ai fa'aoga mamana fa'asagatau.
Features
- Le fa'avae e tatala-puna.
- Toe fa'aoga ole Live React Code.
- Fa'ata'ita'iga e fa'apitoa ma fa'aoga-tagata.
tulaga e lelei
- Saosaoa le fausiaina - O le faʻaitiitia o le taimi o le atinaʻe o le faʻatauga autu a le React Native. O le fa'ava'a e aofia ai le tele o vaega ua saunia e fa'aoga e mafai ona fesoasoani fa'avavevave le fa'agasologa.
- Tasi fa'avae, tele fa'avae - React Native e mafai ai ona e toe fa'aogaina lau fa'avae (po'o se vaega) i le va o iOS ma le Android. Fa'alagolago i le aofa'i o fa'aoga fa'apitoa e fa'aogaina i lau polokalame, o le fa'atupuina o feso'ota'iga moni e mafai ona faia i se isi itu.
- 'Au laiti - Atina'e fa'a-native mo Android ma iOS e mana'omia le fa'avaeina o 'au tuto'atasi se lua. E mafai ona fa'alavelaveina le galulue fa'atasi ma, o se taunuuga, fa'agesegese le atina'e. Afai e te filifilia le React Native, e te manaʻo muamua i se Javascript developer o ai e mafai ona tusia code mo tulaga uma e lua.
- Fa'afaigofieina UI - React Native o lo'o fa'atumauina le fa'avaeina o se fa'aoga fa'aoga feavea'i. E te mana'omia le fa'atupuina o se fa'asologa o gaioiga i le polokalame i le taimi o le atina'e fa'ale-aganu'u. Ona o le RN faʻaaogaina polokalame faʻaalia, o se faʻasologa o galuega faʻatinoina e le o toe manaʻomia. O le i'uga, o fa'aletonu i ala e mafai ona fealua'i ai se tagata fa'aoga e sili atu ona faigofie ona iloa.
leaga
- Fesoʻotaʻiga ma faʻalavelave faʻalavelave - E mafai e le au atinaʻe ona feagai ma faʻafitauli eseese ma le fetaui o pusa poʻo meafaigaluega faʻapipiʻi. Afai e le'o malamalama lelei au atia'e ile React Native, e ono iai se aafiaga leaga i lau atina'e a'o latou fa'aalu le taimi e fofo ai faafitauli.
- Manaomia mo tagata atiaeina - O nisi o foliga masani ma modules e manaʻomia le poto loloto o se tulaga faʻapitoa. Le leai o se lagolago i fafo-o-le-pusa mo le tele o mea e mafai ona fa'aogaina (fa'ata'ita'iga, faʻailoa faʻamatalaga) sa avea muamua ma popolega tele i le atinaʻeina o React Native.
2. Ionic
Ionic o se mea faigaluega UI tatala-puna mo le fa'atupuina o polokalame fa'apolopolo e maualuga le fa'atinoina, maualuga le lelei, polokalame i luga o le komepiuta, ma polokalame i luga ole laiga e fa'aoga ai tekonolosi i luga ole laiga e pei ole HTML, CSS, ma le JavaScript.
O se pito i luma SDK fa'ava'a e fa'atagaina oe e fau ni polokalame fe'avea'i mo iOS, Windows, ma masini Android e fa'aaoga ai le codebase tutusa.
E fa'amaonia le avea o se meafaigaluega fa'apolokalame fa'alava mo masini feavea'i. E mafai ai e le au fai polokalame ona fatu tasi ma tamo'e i soo se mea.
O le Ionic e moni lava o se fa'avae atina'e telefoni feavea'i mo le HTML5 e taula'i i fa'aoga fa'apipi'i. O le Ionic e matua'i popole i le pito i luma o tagata fa'aoga, po'o le UI fegalegaleai, lea e nafa ma lau app atoa foliga ma lagona.
O le uluai lomiga o lenei faʻavae, faʻavae i luga o Angular JS ma Apache Cordova, na faʻasaʻolotoina i le 2013, ma o se fofo sili lea e tutusa ma Flutter i nisi o auala.
E faigofie ona malamalama ma mafai ona fa'agaioi ma isi faletusi po'o fa'ava'a e pei o Angular, Cordova, ma isi. E mafai fo'i ona fa'aoga e aunoa ma se fa'ava'a pito i luma e ala i le fa'aogaina o se fa'apipi'i fa'amatalaga faigofie. O lo'o i ai se fa'atonuga laina fa'atonu e mafai ai ona e fausia le polokalame a'o fa'aitiitia taimi fa'ailoga.
Features
- Vaega CSS- O vaega nei, ma o latou foliga vaaia ma lagona, e tuʻuina atu toetoe o vaega uma e manaʻomia e se telefoni feaveaʻi. E mafai ona faigofie ona suia le sitaili fa'aletonu o vaega ina ia fetaui ma au lava mamanu.
- Ionic CLI - O le NodeJS aoga lea o loʻo i ai faʻatonuga mo le faʻalauiloaina, atinaʻe, taʻavale, ma faʻataʻitaʻiina polokalame Ionic.
- AngularJS - AngularJS Ionic o loʻo fausia ni faʻamatalaga faʻapitoa e tasi-itulau e faʻaogaina mo masini feaveaʻi e faʻaaoga ai le AngularJS MVC fausaga.
- Cordova plugins - Apache Cordova plugins e maua ai le API e manaʻomia mo le faʻaogaina o le faʻaogaina o masini faʻapitoa ma le JavaScript code.
tulaga e lelei
- Pe a fa'atusatusa i fa'aoga masani iOS/Android, e mafai ai ona fa'avavevave le atina'e.
- Vagana mo nisi lagolago faʻapipiʻi, e mafai ai ona e fausia ni polokalama mo le tele o faiga faʻaogaina e faʻaaoga ai le codebase tutusa.
- E mafai ai ona su'esu'e faigofie o modules ma vaega.
- O lo'o i ai le tele o plugini ma mea e mafai ona fa'aaogaina.
- E aofia ai le tele o vaega UI ma faʻatagaina mo le faʻataʻitaʻiga vave.
- E maua ai se plethora o plugins mo le fatuina o faʻaoga telefoni feaveaʻi.
- O le ae mauaina le tele o vaega UI e faʻafaigofie ona faʻaoga ma pulea.
leaga
- Debugging e mafai ona faigata le faʻaaogaina o le ionic, ma e umi se taimi e foia ai le mataupu. E faigata ai ona iloa le mafuaaga o le mea sese, ma o le fe'au sese atonu e le mautonu i nisi o taimi.
- E aofia ai nisi faʻapipiʻi masani atonu e le faʻatuatuaina ma e ono feteʻenaʻi le tasi ma le isi.
- Afai o lo'o e atia'e polokalame fa'apipi'i, e te ono feagai ma fa'afitauli tau puipuiga ma e ono a'afia lau code i tagata ta'avale.
- Pe a atia'e ni fa'aoga fe'avea'i lavelave ma tele puna'oa, e ono iai ni popolega fa'atino.
- Afai e te amata i se fa'ava'a fa'a-ionic, e tatau ona e fa'alagolago i plugini e maua ai galuega fa'ale-aganu'u.
3. Cordova
Apache Cordova ose fa'ava'a tatala-puna e mafai ai e le au atina'e i luga o le upega tafa'ilagi ona fa'aogaina le HTML, CSS, ma le JavaScript o lo'o i ai i totonu e fatu ai fa'aoga masani mo le tele o masini feavea'i.
E fa'aoga e Cordova se WebView fa'ale-aganu'u e fa'aulu ai lau talosaga i luga ole laiga. O le WebView o se vaega o talosaga (e tutusa ma se ki po'o se fa'amaufa'ailoga) e fa'aalia ai mea i luga ole laiga i totonu o se polokalame fa'ale-aganu'u.
Mafaufau i le WebView e avea o se 'upega tafaʻilagi e aunoa ma se faʻataʻitaʻiga masani faʻaoga faʻaoga e pei o se URL URL poʻo se tulaga pa.
Na faia foi e Nitobi Cordova, o se faʻaoga faʻaoga faʻaoga faʻaoga.
O le upegatafa'ilagi o lo'o fa'agaoioia i totonu o lenei koneteina e tutusa lava lona aoga ma so'o se isi lava upegatafa'ilagi o lo'o fa'agaoioia i luga o se masini feavea'i—e mafai ona tatalaina isi itulau HTML, fa'atino le code JavaScript, ta'alo faila o fa'asalalauga, ma feso'ota'i ma servers fafo.
O lenei ituaiga o telefoni feaveaʻi e taʻua i nisi taimi o le hybrid application. O polokalame Cordova o lo'o fa'apipi'iina e pei o talosaga mo masini feavea'i o lo'o maua avanoa i API o masini fa'alenatura. O lenei fa'ava'a e mafai ai fo'i ona tu'ufa'atasia snippet code fa'ale-aganu'u ma hybrid.
Features
- Cordova Vaega Fa'avae: Cordova e aofia ai le tele o vaega autu e mana'omia e so'o se telefoni feavea'i. O vaega nei e maua ai le faavae o se app, e mafai ai ona tatou taulaʻi i le atinaʻeina o tatou lava manatu.
- Cordova Plugins: E maua ai se API mo le tuʻufaʻatasia o galuega feaveaʻi i totonu o la matou poloketi JavaScript. O nei plugins e mafai ai e se polokalame ona faʻaogaina galuega o masini e pei o le mea pueata, maa, fesoʻotaʻiga, ma isi.
- Poloaiga Line Interface (CLI): O lenei aoga e nafa ma le fausiaina o faiga ma faʻapipiʻi faʻapipiʻi mo faʻavae eseese. E fa'aaogaina e amata ai fuafuaga ma fa'agasolo lelei ai le atina'e.
tulaga e lelei
- E faigofie ona aʻoaʻoina ma e mafai ona faʻaaogaina e fai ai ni faʻaoga faʻasalalauga.
- O se tulaga e leai se totogi ma tatala.
- O le atina'eina o talosaga a Cordova e vave talu ai ua liua i se polokalama e fetaui ma tulaga eseese.
- E mafai ai ona e faia ni polokalame mo le tele o fausaga e aunoa ma le aoaoina o gagana fou polokalame.
- O se fa'aputuga o mea fa'apipi'i ua uma ona fausia e mafai ai ona maua le mea pu'eata a le masini, GPS, ma le faiga faila.
leaga
- Ua afaina lona saoasaoa ona o le faʻaogaina o lana code i le vaʻaiga o le browser.
- E le talafeagai mo polokalame tetele talu ai e fa'agesegese polokalame fa'apipi'i nai lo fa'aoga masani.
- E le o se mea lelei mo le atinaʻeina o talosaga taʻaloga talu ai e manaʻomia ai le tele o faʻapipiʻi maualuga e le o maua i le taimi nei.
4. Xamarin
O Xamarin o se faʻasalalauga faʻapitoa mo le atinaʻeina o polokalame faʻaonapo nei ma performact.net mo iOS, Android, ma Windows.
Xamarin apps e mafai ona tusia i luga o se PC poʻo se Mac ona tuʻufaʻatasia lea i totonu o pusa talosaga masani e pei o le an.apk faila mo le Android poʻo le an.ipa faila mo iOS.
Ua mamanuina mo tagata atiaʻe o loʻo manaʻo e faʻasoa faʻamatalaga, suʻega, ma faʻamatalaga pisinisi i luga o faʻasalalauga ma fatuina faʻasalalauga faʻasalalau i C # faʻaaoga Visual Studio.
E mafai ona e fatuina se telefoni feavea'i ma se foliga fa'ale-natura atoa ma lagona. I le Xamarin, e mafai ona e fausia se C # codebase e mafai ona maua uma i le SDK galuega masani.
O lenei mamanu e mafai ai e le au atia'e ona tusi uma a latou pisinisi i le gagana e tasi (pe toe fa'aaoga le numera o talosaga) ae o lo'o ausia le fa'atinoga, foliga vaaia, ma lagona i luga o fa'avae.
Features
- Fa'ato'a fa'amauina le SDK- O lo'o iai fa'amauga a le Xamarin mo toetoe lava o fa'avae uma SDK i lalo ole iOS ma le Android. E le gata i lea, o nei suʻesuʻega e maualuga le taina, o lona uiga e faigofie ona faʻafeiloaʻi ma faʻaoga, ma latou faʻatagaina le siakiina o ituaiga i le taimi o le fausiaina ma le taimi o le atinaʻe. O fa'amauga e matua'i taina e fa'aitiitia ai fa'aletonu i taimi ta'avale ma polokalame e sili atu ona lelei.
- Fausia gagana faʻaonaponei- O loʻo tusia le Xamarin i le C #, o se gagana faʻaonaponei ma le tele o faʻamanuiaga i luga ole Objective-C ma Java, e pei o le malosi o le gagana, faʻaogaina e pei o lambdas, LINQ, polokalame tutusa, generics, ma isi mea.
- Lagolago feso'ota'iga mo masini feavea'i- Xamarin e tu'uina atu le feso'ota'iga fa'alava fa'alava mo fa'avae tetele e tolu o iOS, Android, ma Pupuni. Faatasi ai ma Xamarin, e mafai ona atiaʻe tusi talosaga e faʻasoa atu i le 90% o latou code. Essentials e maua ai se API tutusa mo le mauaina o avanoa i punaoa fefaʻasoaaʻi i luga o tulaga uma e tolu. Mo le au atina'e feavea'i, fa'asoa fa'ailoga e mafai ona matua fa'aitiitia tau o atina'e fa'apea fo'i ma le taimi e fa'atau ai.
- Robust Base Class Library (BCL) - Xamarin apps e faʻaaogaina le.NET BCL, o se seti tele o vasega ma le lautele ma faʻamalamalamaina gafatia e aofia ai le malosi XML, Database, Serialization, IO, String, ma Networking support, ma isi. O lo'o iai le C# code e mafai ona tu'ufa'atasia mo le fa'aoga i totonu o se app, e fa'atagaina ai le avanoa i le faitau selau o faletusi e fa'alautele le gafatia ole BCL.
tulaga e lelei
- Si'osi'omaga pu'upu'u fa'atupu - O se tasi fa'amanuiaga taua o le atina'eina o le Xamarin app o le 90% o le code e mafai ona toe fa'aoga pe toe fa'aaogaina mo le fatuina o talosaga mo le tele o tulaga feavea'i. Bing e fausia i le C # ma le tulafono faʻapitoa. O faletusi Net ma le Xamarin app development e fesoasoani e sefe ai le tele o taimi ma galuega. E fa'apu'upu'u taimi fa'atupuina a'o fa'atupu polokalame mo le tele o fa'avae.
- Lagolago atoa masini (ie mea pu'eata, GPS)- A'o tu'uina atu e Xamarin le fa'aogaina o le polokalama fa'ale-aganu'u, e aloese ai mai atugaluga o feso'ota'iga meafaigaluega, plugini, ma API. E mafai ai fo'i ona e fa'afeso'ota'i ma faletusi a le atunu'u. E mafai e le au atia'e ona faia ni tusi talosaga ma galuega masani a masini, ma o ia polokalama o le a fa'aogaina sologa lelei i luga o fausaga tetele uma. E sili atu aganuʻu ma se poto masani mo le Xamarin app atiaʻe auaunaga e mafai ona maua i tupe faʻaalu maualalo.
- puna Open tekinolosi ma le lagolago malosi- Ina ua maeʻa le mauaina e Microsoft o Xamarin, sa i ai suiga taua o faiga faʻavae. O le Xamarin SDK ua tatala-punaoa, ma ua avanoa nei mo tagata uma i lalo ole laisene MIT. Na faatupulaia le ta'uta'ua o le fa'avae ona o le pa puipui autu - o le fa'atauina o se laisene - na aveese. Xamarin ua tupu a'e i se fa'aputuga fa'atekonolosi fa'alagolago ma malosi mo fofo fa'atupu fa'aoga fa'alava.
leaga
- O le atinaʻeina o le UI e manaʻomia le taimi - E ui o le tele o polokalama Xamarin e mafai ona toe faʻaaogaina i luga o faʻasalalauga, o le fausiaina o le UI e leʻi feaveaʻi. Atonu e mana'omia e le au atia'e le fa'atinoina o ni fa'ailoga po'o le galue i luga o fa'avae eseese, ose faiga e alu ai le taimi.
- Atonu e manaʻomia ona toe fetuunaʻi le tele o faila – E manaʻomia e le au atiaʻe le faia o suiga i le tele o faila o le app. O le mafuaaga autu o lenei mea o le faʻaaogaina o faletusi autu ma faʻatinoga e tuʻuina atu ai le mamafa tele i luga o le faleoloa app. A'o le'i tu'uina atu lau Xamarin app i le faleoloa app talafeagai, e tatau ona e mautinoa o lo'o i ai le tele o faila faila talafeagai. Ole lapopoa e masani ona eseese mai le 3MB i le 15MB.
iʻuga
O lea la, o nisi nei o mea pito i luga Flutter e mafaufau i ai aʻo mamanuina faʻaoga faigofie ma sili ona lelei i luga ole laiga.
Ae peita'i, a'o le'i faia le fa'ai'uga, e taua tele le su'esu'eina o uiga o lau app aua o le a ta'u atu ia te oe po'o fea fa'avaa e sili ona fetaui i ai.
Ma le mea mulimuli, o lau filifiliga fofo e tatau ona faʻavae i luga o soʻo se filosofia e te lesitala i ai, o fea ma pe faʻapefea ona e manaʻo e faʻapipiʻi lau app, ma o a taleni o loʻo ia te oe nei pe e te manaʻo e maua i le lumanaʻi.
O le mea moni, o le auala sili e iloa ai po o fea e fetaui mo oe o le amata atinaʻe ma i latou uma ona faʻatusatusa lea o au iʻuga.
Tuua se tali