Tsis muaj-code txoj kev loj hlob yog ib hom kev txhim kho hauv lub vev xaib uas tso cai rau cov neeg tsis yog programmers thiab cov programmers los tsim cov ntawv thov yam tsis tau sau cov lej siv cov graphical user interface.
Qhov tsis muaj cai txav yog tsim los ntawm lub tswv yim tias thev naus laus zis yuav tsum pab thiab txhawb kev tsim kho tshiab es tsis ua raws li kev thaiv kev nkag.
Ntau yam uas peb ua hauv peb lub neej niaj hnub yog raws li txoj cai.
Programming yog qhov tso cai rau peb ua tej yam xws li xyuas peb cov nyiaj hauv tuam txhab nyiaj, zoo li cov phooj ywg cov duab hauv kev sib raug zoo, thiab mus yuav khaub ncaws tshiab ntawm peb qhov chaw e-commerce nyiam.
Rau feem coob ntawm peb uas tsis paub yuav ua li cas code, lub tswv yim ntawm kev tsim ib lub web app los yog tsim ib lub website zoo li mus mus ib txhis unreachable.
Dab tsi yog yav tas los qhov chaw kaw tsuas yog muaj rau cov neeg tsim khoom thiab cov kws tshaj lij coding tam sim no qhib rau pej xeem.
Qhov tsis muaj-code txav tau rhuav tshem qhov kev cuam tshuam ntawm kev paub lus programming, tso cai rau txhua tus los qhia lawv cov tswv yim.
Koj paub tsis meej txog Flutter, Google cov khoom siv UI muaj txiaj ntsig zoo uas tau ua rau kev txhim kho app ntau yooj yim dua.
Qhov tseeb, pib lub Tsib Hlis 2021, txhua yam tau yooj yim dua nrog kev qhia txog FlutterFlow, rub-thiab-nco interface tsim los ntawm ob tus neeg ua haujlwm qub Google uas txhawb nqa cov haujlwm. tsim cov mobile apps rau iOS thiab Android.
Hauv tsab xov xwm no, peb yuav dhau txhua yam koj xav paub txog FlutterFlow, suav nrog nws yog dab tsi, nws cov yam ntxwv, qhov zoo, thiab tus nqi.
Tab sis ua ntej, txhawm rau teeb tsa theem, cia saib peb nyiam Flutter.
Yuav ua li cas yog Dej nrov?
Google's Flutter yog qhov pub dawb thiab qhib lub hauv paus rau kev tsim ntau lub platform, ib txwm ua cov apps los ntawm ib tus lej codebase.
Nws pab koj kom paub txog koj cov tswv yim los ntawm kev tso cai rau koj los tsim cov kev pab cuam uas muab kev txaus siab, tsis hais lub operating system uas koj siv.
Nws yog mobile UI lub moj khaum uas ua rau cov neeg tsim khoom tau yooj yim, sai, thiab kho cov ntawv nplua nuj nyob hauv ib txwm muaj rau iOS thiab Android.
Flutter developers tuaj yeem siv tib yam lus programming thiab codebase los tsim cov apps rau iOS thiab Android.
Widgets yog qhov tseem ceeb rau Flutter tus tsim. Koj tuaj yeem tsim tag nrho UI los ntawm kev sib txuas ntau lub widget yog tias koj tsis muaj kev ua haujlwm lossis kev tsim kho.
Nws muab cov widgets npaj txhij siv, tshem tawm qhov yuav tsum tau ua rau OEM widgets, thiab koj tuaj yeem tsim koj tus kheej. Google's object-oriented programming language Dart yog siv los tsim Flutter apps.
Dart compiles ncaj qha mus rau haiv neeg code, muab lub app qhov tsos thiab zoo li tus qauv Windows daim ntawv thov.
Tsis tas li ntawd, nrog kev txhawb nqa kub reload, koj tau txais cov khoom tsim tau ntawm qhov chaw sib tham sib uas tso cai rau koj hloov pauv thaum koj qhov kev pab cuam tab tom khiav thiab pom qhov tshwm sim tam sim ntawd.
Tam sim no nws tau siv ntau dua li ib nrab lab apps, suav nrog Betterment, BMW, thiab ByteDance. Flutter yog tam sim no yog ib qho ntawm cov kev siv dav tshaj plaws hla-platform UI lub moj khaum.
Yuav ua li cas yog Flutterflow?
FlutterFlow yog tus thib peb-tog pom app tsim rau Flutter platform, tsim los ntawm ob tus qub Google tsim tawm. Nws tau nthuav tawm ntawm Google I / O thiab tau txais kev txhawb nqa los ntawm Y Combinator.
Nws yog ib qho kev pom app tsim cov cuab yeej uas tso cai rau koj los tsim ib qho app yam tsis tau sau cov lej. Firebase, Google lub platform rau tsim mobile thiab desktop apps, tau txais kev txhawb nqa los ntawm FlutterFlow.
Koj tuaj yeem yooj yim txhim kho UI ntawm koj haiv neeg app siv luag thiab poob, ua tsaug rau tus tsim qauv yooj yim.
Koj tus qauv tsim yuav raug hloov mus rau huv Flutter cov lej uas tuaj yeem xa tawm thiab hloov kho txhua lub sijhawm.
Tsis tas li ntawd, cov kev pabcuam thib peb xws li Algolia thiab Codemagic tuaj yeem siv los txhim kho koj qhov tsis muaj code app.
Flutter Flow yog cov cuab yeej nrov rau cov neeg tsim khoom hauv kev lag luam IT vim nws ua haujlwm nrog cov codebases tam sim no.
Vim tias nws yog qhov chaw qhib, txhua qhov kev hloov kho uas tau pab los ntawm lub zej zog yuav raug muab tso ncaj qha rau hauv cov ntawv yav tom ntej. Koj tuaj yeem xa tawm UI ntawm lawv qhov project rau QML siv nrog Flutter ntawm iOS.
Los ntawm kev sib txuas ib qho online Git repository, koj tuaj yeem qhia txhua yam tsim los lossis haiv neeg Flutter code tau yooj yim.
Nws tuaj yeem yog lub sijhawm txuag tseem ceeb rau cov neeg tsim qauv, vim tias coding tus qauv tuaj yeem siv sijhawm ntev li kev tsim cov software puv npo!
Koj tuaj yeem tsim tus qauv uas tuaj yeem saib thiab cuam tshuam nrog kev siv Flutter Flow, uas tso cai rau koj pom koj lub tswv yim thiab kho nws kom txog rau thaum nws tsim nyog ua ntej txav mus rau tsim lub app tiag.
nta
- Kev txhim kho rau ob qho tib si iOS thiab Android - Koj tuaj yeem tsim ib qho app yam tsis tau sau cov lej, thiab koj tuaj yeem ua nws ib txhij rau iOS thiab Android.
- Tsim ib lub app yam tsis tau sau cov lej - Qhov no tuaj yeem ua pov thawj nws tus kheej, tab sis nws yog qhov txaus nyiam tshaj plaws ntawm FlutterFlow.
- UI Cheebtsam thiab cov qauv - Muaj ntau dua 50 qhov screen templates, tshaj 40 pre-buwidgets, thiab ntau tus neeg sab nrauv connectors (xws li Braintree thiab Google AdMob) xaiv los ntawm, tag nrho cov uas yuav txuag koj lub sij hawm.
- Cov neeg siv authentication - Cov neeg siv kev lees paub yog qhov yooj yim li rub lub pob kom sib xyaw Firebase, Google, thiab Facebook nkag mus.
- Tsim thiab ntxiv cov ntaub ntawv nyob rau hauv koj lub app - Firebase ua rau nws yooj yim rau koj los teeb tsa cov ntaub ntawv thiab txuas rau cov ntaub ntawv nyob.
- Download tau qhov chaws - Koj muaj lub luag haujlwm rau koj txoj haujlwm; koj tuaj yeem yooj yim rub tawm qhov huv, nyeem yooj yim-rau-nyeem ntawv code rau koj lub mobile app.
- GitHub config - GitHub kev koom ua ke tso cai rau koj los txuas koj qhov project mus rau GitHub repository thiab tshaj tawm cov cai rau nws thaum twg koj xav tau.
- Kev taw qhia kev daws teeb meem - Nrog rau lub sijhawm tawm tswv yim thiab kho qhov yuam kev, koj tuaj yeem zam thiab daws cov teeb meem nyuaj.
Pib nrog FlutterFlow
Nov yog cov hauv qab no los pib nrog Flutterflow:
- Project Dashboard
- Cov Ntawv Cuam Tshawb Xyuas
- UI Builder
Project Dashboard
Nplooj ntawv Dashboard hauv FlutterFlow pab tswj cov haujlwm.
Koj tuaj yeem tsim cov haujlwm tshiab, theej lawv, thiab tshem tawm ntawm qhov screen no.
1. Tej yaam num
Koj tuaj yeem nkag mus rau ib qho ntawm cov haujlwm koj tau ua ntawm FlutterFlow los ntawm thaj chaw no. Koj tuaj yeem siv khawm Tsim Project los pib qhov project tshiab.
2. Cov peev txheej
Los ntawm txhaj rau lub cim Resources, koj yuav nrhiav tau ntau yam khoom muaj nqis uas tuaj yeem pab koj thaum tsim cov apps hauv FlutterFlow. Cov lus qhia ua yeeb yaj kiab muaj txiaj ntsig zoo rau kev kawm txog txhua lub tswv yim, thiab zoo siab txais tos los siv Lub Rooj Sib Tham Zej Zog yog tias koj ua rau muaj teeb meem.
3. account
Cov nplooj ntawv Account muaj txiaj ntsig yog tias koj xav tshuaj xyuas koj cov ntsiab lus ntawm tus account lossis hloov kho mus rau FlutterFlow Plan sib txawv kom tau txais kev nkag mus rau ntau yam ntxiv.
4. Tawm
Cov nplooj ntawv Account muaj txiaj ntsig yog tias koj xav tshuaj xyuas koj cov ntsiab lus ntawm tus account lossis hloov kho mus rau FlutterFlow Plan sib txawv kom tau txais kev nkag mus rau ntau yam ntxiv.
Cov Ntawv Cuam Tshawb Xyuas
Navigation Menu yog sab laug-feem ntau cov zaub mov ntawm koj nplooj ntawv FlutterFlow.
Nws muab kev nkag mus rau qhov project tus neeg siv interface tsim thiab tsob ntoo widget, nrog rau kev taw qhia rau nplooj ntawv ntxiv rau cov haujlwm xws li Firestore database, teeb tsa API hu, upload duab cov cuab tam, thiab kev koom ua ke.
UI Builder
UI Builder tab ntawm FlutterFlow tso cai rau koj los tsim thiab kho koj lub app. Nplooj ntawv no teev tag nrho cov UI Cheebtsam (tseem hu ua widgets) uas koj tuaj yeem siv los tsim qhov layout ntawm koj lub app.
1. Canvas
Nws qhia tau hais tias lub xov tooj ntawm tes interface, qhov twg koj tuaj yeem ntxiv cov khoom rau hauv daim ntaub los ntawm kev rub thiab xa lawv.
2. Widgets
Lub Widget muaj tag nrho cov neeg siv interface cov ntsiab lus lossis cov khoom siv. Cov no tuaj yeem muab ntxiv rau hauv daim ntaub los ntawm kev rub thiab tso lawv. Kuj tseem muaj lub npov tshawb nrhiav los pab koj nrhiav txhua qhov widget sai.
3. Khoom vaj huam sib luag
Cov Khoom Vaj Huam Sib Luag tso cai rau koj los kho cov Widget uas tau xaiv los ntawm kev kho cov hloov pauv xws li kev pom, padding, kev sib dhos, thiab lwm yam khoom tshwj xeeb widget (xws li, Cov Ntawv Sau Npe ntawm TextField widget).
4. Tool Bar
Lub Tool Bar muaj qee cov ntaub ntawv tseem ceeb, xws li Canvas Size, nrog rau lub pob teeb meem Project, uas qhia txog cov teeb meem tshwm sim los ntawm koj qhov project layout lossis teeb tsa.
pros
- Visual Builder nrog Drag & Drop functionality.
- Nws yooj yim los hloov cov qauv tsim rau hauv software.
- Muaj 50+ cov qauv npaj siv.
- Koj tuaj yeem ua iOS thiab Android apps tib lub sijhawm.
- Koj tuaj yeem siv GitHub, Firebase, Qhib AI, thiab lwm yam kev pabcuam los txhim kho koj lub app.
cons
- Tsis muaj kev txwv.
pricing
Koj tuaj yeem pib siv lub platform nrog nws cov dawb version, thiab nws tseem muab cov phiaj xwm hwm uas pib ntawm $ 12 toj ib hlis.
xaus
FlutterFlow yog lub hom phiaj ntawm qhov kev sib tham no.
Nws yog rub-thiab-nco interface rau tsim cov apps mobile uas khiav hauv lub vev xaib. Qhov no txhais tau tias koj tuaj yeem tsim cov apps zoo tshaj plaws nyob rau hauv ib teev yam tsis tau sau cov lej.
Cov lus qhia ntxaws ntxaws no yuav tsum tau qhia koj qee yam tshiab.
Sau ntawv cia Ncua