Flutter.pdf

ssuser3fcae7 60 views 12 slides May 16, 2023
Slide 1
Slide 1 of 12
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12

About This Presentation

about flutter


Slide Content

WhatisFlutter?
FlutterisGoogle’sopen-source,cross-platformUIframework.Youcan
useittobuildapplicationsthatrunonbothAndroidandiOSwhile
sharingthesamecodebase.Inthebeginning,theFlutterteamassessed
dozensoflanguagesandchoseDartasitsprogramminglanguage
(whichwehavetoucheduponearlier).Needlesstosay,Dartisthe
biggestreasondevelopersloveworkingwithFlutter.
So,tocreateapplications,Flutter-Dartcodecanbeintegratedintoany
existingcodeyoumighthave.Fluttersportsadeclarativeandreactive
programmingstylethatresemblesReactNative.WithFlutter,developers
nolongerhavetocreateabridgethatisusuallyrequiredtoimproveload
timesandtheoverallperformanceoftheappbeingdeveloped.
ThereisvirtuallynovisualdifferencebetweenanappbuiltwithFlutter
andonebuiltwithotherAndroidSDKs.Theonlydifferenceisthatyour
FlutterappwillalsorunperfectlywellonaniOSdevice.
Flutter’sframeworkisdeclarativeandreactive.Itsportsanextensive
widgetlibrary,powerfuldevelopmenttools,andahome-grownrendering
engine.Itempowersyoutodesign,build,andtestyourapplications
withouthavingtoswitchtoadifferenttoolkit.

HowdoesFlutterhelpappdevelopment?
Fluttersimplifiestheprocessofcreatingconsistent,appealingUIsforan
applicationacrossthesixplatformsitsupports.BecauseFlutterisa
cross-platformdevelopmentframework,we’llfirstcompareittonative
development.Then,wecanhighlightfeaturesthatareuniquetoFlutter.
Nativeappdevelopmentcomparedtocross-platformapp
development
Codinganapplicationforonespecificplatform,suchasiOS,iscalled
nativeappdevelopment.Bycontrast,cross-platformappdevelopmentis
buildinganapplicationformultipleplatformswithasinglecodebase
Nativeappdevelopment
Becausedeveloperscodeforaspecificplatforminnativeapp
development,theyhavefullaccesstonativedevicefunctionality.This
generallyleadstohigherperformanceandspeedcomparedto
cross-platformappdevelopment.Ontheotherhand,ifyouwantto
launchanapplicationonmultipleplatforms,nativeappdevelopment
requiresmorecodeandmoredevelopers.Inadditiontotheseexpenses,
nativeappdevelopmentcanmakeithardertolaunchondifferent
platformsatthesametimewithaconsistentuserexperience.Thisis

wherecross-platformappdevelopmentframeworkslikeFluttercanbe
useful.
Cross-platformappdevelopment
Cross-platformappdevelopmentallowsdeveloperstouseone
programminglanguageandonecodebasetobuildanapplicationfor
multipleplatforms.Ifyou’rereleasinganapplicationformultiple
platforms,cross-platformappdevelopmentislesscostlyand
time-consumingthannativeappdevelopment.Thisprocessalsolets
developerscreateamoreconsistentexperienceforusersacross
platforms.Thisapproachcanhavedrawbackscomparedtonativeapp
development,includinglimitedaccesstonativedevicefunctionality.
However,Flutterhasfeaturesthatmakecross-platformapp
developmentsmootherandhighlyperformant.
TheadvantagesofFlutter
HerearesomewaysthatFlutterstandsoutasacross-platform
developmentframework:
1-Close-to-nativeperformance.Flutterusestheprogramming
languageDartandcompilesintomachinecode.Hostdevices
understandthiscode,whichensuresafastandeffectiveperformance.
2-Fast,consistent,andcustomizablerendering.Insteadofrelyingon
platform-specificrenderingtools,FlutterusesGoogle’sopen-sourceSkia
graphiclibrarytorenderUI.Thisprovidesuserswithconsistentvisuals
nomatterwhatplatformtheyusetoaccessanapplication.
3-Developer-friendlytools.GooglebuiltFlutterwithanemphasison
ease-of-use.Withtoolslikehotreload,developerscanpreviewwhat
codechangeswilllooklikewithoutlosingstate.

WhatarewidgetsinFlutter?
Fluttercomeswithanextensivewidgetcatalogfromthetimeyou
downloadit.Thecataloghas14categories,whichincludestyling,
Cupertino(iOS-stylewidgets),andMaterialComponents(widgetsthat
followGoogle'sMaterialDesignguidelines).Flutteralsocomeswith
layoutsandthemesincluded,helpingdeveloperstobuildrightaway.
WidgetdescribestheconfigurationforanElement.Awidgetisan
immutabledescriptionofpartofauserinterfaceStatelessWidgetisa
widgetthatdoesnotrequiremutablestate.

TypesofFlutterwidgets
StatefulWidgetisawidgetthathasmutablestate.Stateisinformation
thatcanbereadsynchronouslywhenthewidgetisbuiltandmight
changeduringthelifetimeofthewidget,Itistheresponsibilityofthe
widgetimplementertoensurethatthestateispromptlynotifiedwhen
suchstatechanges,usingsetState.
ProxyWidgetisawidgetthathasachildwidgetprovidedtoit,insteadof
buildinganew.
RenderObjectWidgetsprovidetheconfigurationforRenderObject
Elements,whichwrapRenderObjects,whichprovidetheactual
renderingoftheapplication.
InheritedWidgetisabaseclassforwidgetsthatefficientlypropagate
informationdownthetree.Toobtainthenearestinstanceofaparticular
typeofinheritedwidgetfromabuildcontext,use
BuildContext.dependOnInheritedWidgetOfExactType.Inheritedwidgets,
whenreferencedinthisway,willcausetheconsumertorebuildwhen
theinheritedwidgetitselfchangesstate.
ParentDataWidgetisaclassforwidgetsthathookParentData
informationtochildrenofRenderObjectWidgets.Thiscanbeusedto
provideper-childconfigurationforRenderObjectWidgetswithmorethan

onechild.Forexample,StackusesthePositionedparentdatawidgetto
positioneachchild.
LeafRenderObjectWidgetisasuperclassforRenderObjectWidgets
thatconfigureRenderObjectsubclassesthathavenochildren.
SingleChildRenderObjectWidgetisasuperclassfor
RenderObjectWidgetsthatconfigureRenderObjectsubclassesthathave
asinglechildslot.
MultiChildRenderObjectWidgetisasuperclassfor
RenderObjectWidgetsthatconfigureRenderObjectsubclassesthathave
asinglelistofchildren.

HomeServicesapps
Buildingahomeservicesappcansignificantlybenefitbusinessesand
customers.Theenhancedcustomerexperience,increasedrevenue
generation,improvedbusinessefficiency,bettermarketingopportunities,
competitiveadvantage,dataanalyticsandinsights,convenienceand
flexibility,andboostedcustomerloyaltyarejustsomeofthetopedgesof
developingahomeservicesapp.
Bytakingadvantageofthefollowingthings,businessescanstreamline
theiroperationsandprocessesandeventuallygrowtheirbottomline.
Withthehighdemandforonlineproductsandservices,developinga
homeservicesapphasbecomeanecessityratherthanabefore.By

leveragingthelatesttoolsandtechnologyanddeliveringaseamless
customerexperience,businessescangetcompetitivelyengagedin
stayingcompetitiveintoday'smarketplace.
StepsOfCreatingHomesServicesApp
1-Identifyingthecustomerneeds:
Beforeyoubegindevelopinganon-demandapp,youmustfirstidentify
yourtargetaudience,theirneeds,andthecostofdevelopment.Youmay
accomplishthisbyperformingmarketresearchandsurveystodetermine
thespecifickindofservicesavailableintheon-demandbusiness.For
example,theapphaspartnershipswithfirmsthatsupplyservicesaswell
asindividualserviceproviders,andsomeemployeesoverseethings
fromthebackend.

2-ChoiceofAppdevelopment:
Thisisacrucialdecisionsinceafewoperationaldecisionsmustbe
madeaheadoftime.Therearealsoramificationsforpossible
developmentandmanagementifyouchooseanatural,hybrid,ormobile
app.Thatiswhyitiscriticaltoimproveyourmarketanalysis,aswellas
yourprimarygoalsandskills,tomakethebestselection.Native
programsaregreatforheavy-dutytaskslikeaudio,pictures,and
videos..
3-Uniqueappdesign:
Whenauser-friendlyinterfaceislacking,yourprogrammayofferthe
bestvaluethatnooneelsecangiveon-demand,butitdoesnotreflect
successintheshop.Anappthatallowsyoutoself-searchandrequires
onlyafewstepstoassessthethingyouwantmaybeyourfavorite
person.Thelogo’scolorcontrastswoulddrawtheattentionandmaintain
thetextlegibly.Consumersorusersshouldbeabletoimmediately
identifyandorderthemedicinewithoutmuchdifficulty.

NecessaryFeaturesfortheHomeServicesApp
1-FilterbrowsingforProfessionals:
Thecustomermustbeabletofinddifferentprofessionalsforvarious
servicesprovidedontheapp.Filtershelpaccesstheperfect
professionalfortheofthecustomerneedstogetdone.Theycanalso
easethesearchfortheservicesbasedoncost,specialty,anddistance
forthecustomersgivingthemaclearideaofwhichprofessionalthey
need.E.g.,ifacustomerneedsarepairmantofixtheirair-conditioning,
theyaregoingtowantacost-efficientandexpertelectriciantoassess
theproblem.Thesefiltersassistthecustomerinfindingtheperfect
professionalfortheirdesiredtask
2-ServiceScheduling:
Thecustomersshouldfeelentitledtochoosetheirflexibletimefortheir
service.Thescheduleserviceinthehomeservicesappdevelopment
allowsthecustomerstochooseasuitabletimingfortheprofessionalto
visitthecustomerfortheassignedwork.Thecustomershouldjust

choosethetimeslotsatisfactoryforthemandbooktheprofessionalfor
thecertaintimeslot.E.g.,Ifthecustomerwantstheprofessionalservice
between2:30pmand3:00pm,theymustsimplybookthatdesiredtime
slot,andtheprofessionalwillbepresentattheirlocationduringthattime
slot.Thiswaytherewillbenohassleandmissingthebooked
appointments.
3-Customerservice:
Customersshouldbeabletotalk(phoneorchat)toaprofessionalwithin
theapptoseamlesslyansweranyqueries.Chattingwithcustomersisa
muchmoreefficientwaybutit’sbettertohaveboth.Thein-app
messagingfunctionhelpsbusinessesandcustomersbetterunderstand
eachother.Itwillalsoeliminatemisunderstandingandthechanceof
mistakes.However,youmustensurethatthenetworkyouareusingis
encryptedsothatyourconversationremainsprivate.
Thesoftwaremaypresentseveralchallengestobothnewandoldusers.
Youmusthavethisfeaturetoremedytheissue,whichwillincludea
combinationofFAQs,customerhelplineassistance,chatsupport,and
onboardingtrainingvideos.Customersmayfollowtheirhomeservices
fromthestartwithreal-timeGPStrackingsoftware.E.g.,ifauser
schedulesanACservice,heorshemayseethetechnician’scurrent
positionaswellastheprojectedtimeofarrival.

4-CustomerReviews:
Oncethecustomerhascompletedtheirservice,theymustbeableto
providereviewsabouttheappandtheprofessional.Theappshould
havethisfeaturetobenefitfromfurtherservices.Thereviewmechanism
withinthehomeservicesappdevelopmentactsasfeedbackprovidedby
thecustomerwhichincludescorrectionsorratings
Tags