Utvikling med Flutter blir stadig mer populær som en kraftig måte å lage fremragende mobilapper på. Denne omfattende guiden fører deg gjennom alle finessene i Flutter: hva det kan, og hvordan du bygger apper av høy kvalitet med det. Vi har søkt en klar og vennlig tone, så teksten kan være til nytte både for nybegynnere og for erfarne utviklere.
Hva er Flutter?
Flutter er et åpent sett med utviklingsverktøy (SDK), skapt av Google for apper på ulike plattformer: Android, iOS og web. Koden skrives én gang, og dermed kan apper gis ut for flere plattformer samtidig uten at kreftene spres. Flutter bruker språket Dart — den som kjenner Java eller JavaScript, finner seg lett til rette i det.
Hvorfor velge Flutter?
Flutter har flere fortrinn framfor andre plattformer for mobilutvikling:
- rask arbeidsgang takket være «varm» omlasting;
- én kode for plattformuavhengige apper;
- et omfattende bibliotek av grensesnittelementer;
- sterk støtte fra fellesskapet.
Vi setter opp utviklingsmiljøet
Før du gir deg i kast med Flutter, er det viktig å sette opp arbeidsmiljøet riktig. Denne delen går gjennom de nødvendige trinnene for å installere og stille inn Flutter og alt det avhenger av.
Installere Flutter SDK
Til å begynne med laster du ned Flutter SDK fra den offisielle nettsiden. Velg utgaven som passer operativsystemet ditt (Windows, macOS eller Linux), og følg installasjonsanvisningene.
Stille inn miljøet
Flutter virker med ulike utviklingsmiljøer (IDE-er): Android Studio, Visual Studio Code, IntelliJ IDEA. Last ned og installer det du liker best, og husk å legge til utvidelsene for Flutter og Dart.
Opprette et nytt prosjekt
Når miljøet er klart, oppretter du et nytt Flutter-prosjekt ved å følge anvisningene. Slik blir det til et skjelett av en app med de nødvendige filene og mappene.
Grunnleggende om Flutter
Miljøet står — nå er det tid for å forstå hvordan utvikling med Flutter er bygd opp.
Språket Dart
Dart er et objektorientert språk med statisk typing, laget nettopp for raske apper som vokser uten besvær. Kjenner du Java eller JavaScript, kommer Dart til deg uten vansker.
Widgeter
I Flutter er alt en widget. Widgeter er byggesteinene i grensesnittet; av dem setter man sammen deler som kan gjenbrukes og justeres. Det finnes to slag: uten tilstand og med tilstand.
Oppsett
Flutter bruker et smidig oppsettsystem så grensesnittet tilpasser seg skjermen. Det finnes ulike oppsettwidgeter — rader, kolonner, rutenett og lister — som gjør det lett å sette sammen det utseendet appen din trenger.
Vi bygger en enkel app
Denne delen går gjennom trinnene for å bygge en enkel Flutter-app: fra opprettelsen av prosjektet til utformingen av grensesnittet og selve funksjonenes virke.
Appens skjelett
Begynn med et nytt Flutter-prosjekt og tilpass skjelettet til din egen idé. Slett koden som ble laget av seg selv, og skriv din egen.
Utforme grensesnittet
Ved hjelp av widget-katalogen i Flutter setter du sammen grensesnittet av ulike elementer. Prøv forskjellige oppsett, stiler og animasjoner — slik blir appen god å se på.
Legge til funksjoner
Beskriv hvordan appen svarer på folks handlinger: knappetrykk, innskriving av tekst. Skriv den Dart-koden som trengs for å håndtere handlingene og endre appens tilstand i tide.
Prøving og feilsøking
Bruk «varm» omlasting til å prøve appen i farten. Finn og rett feil og treghet — da blir gangen jevn.
Mer avanserte emner
Når grunnlaget sitter, kan du ta fatt på finere ting: de løfter nivået ditt og gjør mer sammensatte apper mulige.
Tilstandshåndtering
I sammensatte apper spiller tilstandshåndteringen en nøkkelrolle. Se på ulike måter — Provider, Bloc, Redux — og velg den som holder tilstanden uten å gå ut over farten.
Overganger mellom skjermer
Sett deg inn i hvordan overganger og ruter er ordnet i en Flutter-app: av det avhenger hvor glatt folk beveger seg mellom skjermer og tilstander.
Animasjon
Gi appen liv med bevegelse og myke overganger. Flutter har et solid animasjonsbibliotek, som gjør det lett å få til myke og uttrykksfulle virkninger.
Egne widgeter
Utvid appens muligheter med egne widgeter laget for dine behov. Lær å sette dem sammen av ferdige eller bygge dem fra bunnen.
Gode vaner
Gode vaner i utviklingen med Flutter bedrer både kvaliteten på koden og inntrykket appen etterlater.
Orden i koden
Hold koden i orden: fordel grensesnittelementer, forretningslogikk og datamodeller på ulike filer og mapper. Da blir den lettere å lese og vedlikeholde.
Fart
Få opp farten i appen: ikke tegn widgeter på nytt uten grunn, last store datamengder etter hvert som de trengs, hold bilder og data i mellomlageret.
Tester og løpende integrasjon
Skriv enhetstester, widget-tester og integrasjonstester — da forblir appens oppførsel forutsigbar. Sett opp verktøy for løpende integrasjon så kontroll og utgivelse går av seg selv.
Avslutning
Utvikling med Flutter er en sterk samling ferdigheter for å lage gode, plattformuavhengige apper. Behersker du grunnlaget og kikker inn i finere emner, kan du utnytte mulighetene i Flutter fullt ut. Hold fast ved gode vaner og følg med på nye verktøy og metoder — utviklingens verden endrer seg fort.