Flutter er det næstmest populære mobilrammevalg på tværs af platforme for de fleste udviklere, og støtter over 100.000 applikationer, siden det blev lanceret, ifølge Statista.
Det blev opfundet i 2017 af Google og er open source. Dens evne til at skabe højkvalitets og hurtige applikationer, der spænder over mobile operativsystemer – Android og iOS – og andre funktioner gør det til et godt valg for mange udviklere.
Hvis du er beslutningstager eller iværksætter, kan du bruge Flutter til at opnå apps af høj kvalitet til din virksomhed til en lommevenlig pris.
Hvis du har overvejet at bruge Flutter, er det nu et godt tidspunkt at starte. I denne artikel lærer du, hvordan Flutter kan hjælpe dig som udvikler, og hvordan du kan bruge det til at styrke dine produkter.
Indholdsfortegnelse
Hvad er Flutter?
Flutter er en open source-ramme, nogle gange kaldet Software Development Kit (SDK), der bruges til at bygge native kompilerede applikationer på tværs af platforme. Du kan oprette mobil-, web- og Mac-løsninger fra en enkelt kodebase.
Flutter består af et framework – et sæt genbrugelige brugergrænsefladekomponenter (knapper, formularer, skydere osv.), som du kan tilpasse efter dine behov, og et SDK – et sæt værktøjer inklusive frameworks, biblioteker og API’er til at hjælpe dig med udvikling af fuldt funktionelle applikationer.
Flutter-rammen er skrevet i programmeringssproget Dart, udviklet af Google, som i høj grad fokuserer på frontend.
Hvorfor har du brug for Flutter som udvikler?
I modsætning til at vedligeholde adskillige biblioteker i Java, JavaScript, Swift til Android og iOS, alt sammen til en enkelt applikation i flere operativsystemer (OS), omkranser Flutter al din kode på ét sprog, og denne struktur passer til krydsudvikling. Selvfølgelig sparer det din udviklertid at administrere kode for alle dine applikationer på et tidspunkt.
Du kan bruge Flutters kompilering på et splitsekund til øjeblikkelige forhåndsvisninger. I dette tilfælde kan du bruge Flutters hot reload-funktionalitet til at se på kodeændringer og justere i overensstemmelse hermed. Du kan også få adgang til Flutters kildekode og ændre den, så den passer til dine behov, hvilket gør det nemt at kode og bygge apps.
Hvad gør Flutter unik?
Flutter har ry for at spare tid til app-udviklingsprocesser og omkostninger og hjælper med at bygge apps med brugerinteraktive designs og glatte animationer.
Hvis du vil lære Flutter, vil det være bedst at have et solidt kendskab til det, så når du gør det, kan du springe introduktionsstykkerne over og begynde at lære. Her er en oversigt over dens nøglefunktioner:
Dernæst vil vi udforske nogle af fordelene ved at bruge Flutter.
Fordele ved at bruge Flutter
#1. Business Logic UI på alle platforme
Flutter giver den bedste måde at dele kode mellem platforme. I dette tilfælde behøver du ikke at bygge platformsspecifikke komponenter for at gengive brugergrænsefladen; du skal kun bruge lærredet til at tegne på.
#2. Reduceret kodeudviklingstid
Hvis du arbejder på en mellemstørrelse Android-applikation, tager det op til 40 sekunder at justere en layoutfunktion. Den indbyggede hot reload-funktion gør dine ændringer næsten øjeblikkelige.
#3. Øget Time to Market-hastighed
Hvis du bruger Flutter til din app-udvikling, tager det dig halvdelen af den nødvendige arbejdsstyrke i stedet for at udarbejde to separate apps, f.eks. på Android og iOS.
Dette sparer dig tid, fordi du ikke behøver at skrive platformsspecifik kode, men alligevel opnår du det ønskede visuelle på tværs af alle dine platforme.
#4. Lignende til Native App Development
Dagens teknologiske tilgang til at bygge digitale produkter prioriterer brugeroplevelsen (UX). Med Flutter kan du skabe bedre brugergrænseflade (UI) animationer; Flutter er indbygget direkte i maskinkoden, hvilket eliminerer ydeevnefejl i afklaringsprocessen.
#5. Hurtig appvækst
Du kan få adgang til mange widgets til din udvikling og dermed hurtigere udvikling og vækst. Hvis du også kigger på markedet for din applikation, kan du bruge Flutter til at skabe hængningsfri apps. Brugerne kan lide det, og denne oplevelse begejstrer dem til at dele dit produkt, og dets markedsudstrækning vokser.
#6. Minimalistiske designfunktioner
Hvis du vil bruge forskellige widgets til din applikation, giver Flutter dig mulighed for at oprette nye og enten bruge dem uafhængigt eller kombinere dem med eksisterende. Denne tilgang er afgørende for at give de bedste brugervenlige designs.
Ulemper ved at bruge Flutter
#1. Biblioteker
Som udvikler har du brug for tredjepartsbiblioteker til visse funktioner i din software. Mens tredjepartsbiblioteker er gratis, open source og let tilgængelige, er dette ikke tilfældet med Flutter.
Det er en ny ramme og er stadig under udvikling og forbedring; du skal muligvis vente på nogle vejafgifter, bygge din egen, eller i værre tilfælde finde en anden mulighed for langsigtet udvikling.
#2. Integration
Integrering af Flutter med kontinuerlig integration (CI) platforme kan være udfordrende, i modsætning til native Android og iOS. Du skal muligvis oprette og vedligeholde brugerdefinerede scripts til at bygge, teste og implementere Flutter-apps i CI-processerne.
#3. Understøttelse af svage iOS-funktioner
Google støtter Flutter, hvilket efterlader iOS-supporten lider. For eksempel sletter en applikation på iOS alle EXIF-data ved at tage billeder, mens de er på Apple-enheder. Som et resultat får dit billede en forkert orientering, placering og gamma. Når du ser på unikke iOS-tilgængelighedsfunktioner som voiceover, er guidet adgang, billedtekster og lydbeskrivelse ikke godt understøttet i Flutter.
Sådan laver du Flutter-appen
Du har allerede brugt betydelig tid på at være teoretisk; lad os blive taktiske og udarbejde et simpelt program, der hjælper dig med at forstå, hvordan du bygger med Flutter.
Installation af Flutter
Du skal bruge et integreret udviklingsmiljø (IDE) til hurtigt at udvikle, skabe og teste din software. Du kan vælge mellem:
Installer Flutter SDK ved at downloade det fra det officielle Flutter-websted. Efter download skal du installere SDK’en og klikke på “Tilføj til stifil” for at sikre, at alt er indstillet.
Oprettelse af en simpel Flutter-app
I dette afsnit vil du bygge en simpel Flutter-app for at forstå, hvordan tingene fungerer. Det er grundlæggende for at give dig en stærk start på Flutters struktur og nøglemetoder. Du vil bygge en simpel app til at sige “Hello World” til en bruger.
For at begynde skal du åbne din terminal på VS-kode og skrive:
Flutter create proj_hello_world
Projektet er udviklet på strukturen:
proj_hello_world
Der er forskellige syntakser til forskellige applikationer:
- Android – For at oprette Android-baserede applikationer. Alle implementeringer lavet til Android er gemt i denne undermappe.
- Aktiver – En placering til at gemme alle dine filer som billeder osv.
- iOS – Producerer iOS-applikationen. Alle implementeringer til iOS-appen er placeret i denne undermappe.
- Lib – En primær fil, “main.Dart”, hvor en af nøglekoderne oprettes.
- Test – Bruges til at udføre test.
Ethvert Flutter-program kræver filen “main.Dart”. Før enhver udvikling skal du rydde den eksisterende kode i filen; Sørg for, at du har gjort det, før du fortsætter.
Dernæst skal du medbringe “Material”-pakken for at inkorporere UI-elementer. Kopiér og indsæt følgende kode i din terminal.
import 'package:flutter/material.dart';
Flutter er ikke forskellig fra noget andet programmeringssprog; udførelse begynder med hovedmetoden.
void main() => runApp(new HelloWorldApp());
Widgets er det primære fokus for Flutter og er alt, hvad din kode skal køre. Hvis du undrer dig over, hvad widgets er, er det alt, der styrer displayet, såsom inputknapper, en liste, kortvisninger, tabeller osv. Hele dit Flutter-program er en omkreds af mange widgets kombineret for at give en fantastisk brugergrænseflade.
Som tidligere nævnt kommer du til at bruge widgets. For hver klasse, du opretter, skal du sørge for, at du arver widgetklassen. Denne teknik låner fra objektorienteret programmering (OOP). Da din applikation er enkel og ikke behøver at gemme tilstande -en statsløs widget – bør en byggemetode være til stede.
class HelloWorldApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
Now comes the main magic-
return new MaterialApp(
home: new Material(
child: new Center(
child:new Text("Hello world!"),
“Center”-widgetten vil køre elementerne, mens “MaterialApp” vil pakke widgetten, en der består af materialet.
I dette tilfælde tilføjer du en widget til et tekstfelt med en tekst; brug gerne din egen. Udover de synlige egenskaber, der bruges her, “hjem og barn”, er der mange attributter til at administrere en komplet brugergrænseflade, såsom styling, dekorationer, datoer, tid, placering osv.
Du er der næsten; det er tid til at kombinere vores kode. Sørg for, at du har følgende i din kodeeditor.
import 'package:flutter/material.dart';
void main() => runApp(new HelloWorldApp())
class HelloWorldApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
Now comes the main magic-
return new MaterialApp(
home: new Material(
child: new Center(
child:new Text("Hello world!"),
),),);}}
Til sidst skal du indtaste denne kommando og køre den.
flutter run
Tillykke, dit output burde være et “Hej verden!” udfyldt skærm.
Flutter test
Hvis du har været i softwareudviklingsverdenen, ved du, hvor svært det bliver at teste, at din applikation fungerer fint manuelt. Hvis du ikke har, kan du forestille dig at bygge store applikationer med tusindvis af unikke funktioner. Prøv som du kan, du kan ikke teste funktionerne manuelt. Automatiserede tests hævder, at din applikation fungerer korrekt, før den udgives til produktion.
Her er de automatiske testkategorier:
#1. Enhedstest
I dette tilfælde tester du en enkelt funktion, klasse eller metode. Dit mål er at verificere, at en enhed er korrekt under forskellige forhold. Enhedstest skriver ikke til eller læser fra disk, modtager ikke brugerhandling eller gengiver til skærm uden for testprocessen. Hvis du vil grave dybere ned i enhedstestning, skal du køre “flutter test -help” på din terminal.
#2. Widget test
Nogle gange omtalt som komponenttest i andre UI-rammer. Denne test sikrer, at dine widgets’ brugergrænseflade ser ud efter hensigten og interagerer som forventet. Du skal bruge et testmiljø for at teste en widget, da den involverer flere klasser. For eksempel kan du teste en widget for at bekræfte, at den modtager brugerhandlinger og hændelser. Denne test er mere omfattende i modsætning til enheden.
#3. Integrationstest
Denne test dækker hele appen eller dens større del. I dette tilfælde sigter du efter at sikre, at alle widgets og tjenester i dit digitale produkt fungerer korrekt sammen efter hensigten i dit design. Dette er en bekræftelse af din apps ydeevne. Integrationstests kører på rigtige enheder eller OS-emulatorer som iOS eller Android. Du kan lære om integrationstest på Flutters guide til integrationstest.
Sådan bliver du en Flutter-udvikler
I dag er arbejdsmarkedet for Flutter-udviklere i høj efterspørgsel i betragtning af de fordele, vi nævnte tidligere. Hvis du har overvejet at lære Flutter, har du truffet det rigtige valg.
Indsaml noget forudgående viden, såsom objektorienteret programmering, helst Java. At lære det oprindelige til Android gør det nemt at hacke dig gennem Flutter.
Start med det grundlæggende, gå videre til UI-udvikling, og lær, hvordan du foretager API-opkald (Application Program Interface). Fortsæt til databaseintegrationer og lær statsstyring. Indpak det endelig med projektarkitektur.
Læringsressourcer
Her er nogle fantastiske læringskurser, der hjælper dig med at bryde ind i udviklingen af Flutter App. Denne roundup består af Udemy-kurser og Amazon-bøger.
#1. Flutter and Dart – Den komplette guide
Dette kursus er en komplet guide til Flutter SDK og dets rammer til opbygning af Android og native iOS-applikationer. Du vil lære det grundlæggende og dykke dybere ned i emner, for til sidst at blive en avanceret udvikler.
#2. Den komplette Flutter App Development Bootcamp med Dart
Der er ingen bedre måde at lære Flutter på end at tage dette kursus om Flutter Development Bootcamp med Dart, skabt i samarbejde med Google Flutter-teamet. Du vil vide, at alle forstår alle koncepterne for Flutter-udvikling.
#3. Lær Flutter fra bunden
Hvis du er nybegynder, der ønsker at starte med Flutter, hjælper dette kursus om Flutter fra bunden dig med at forstå det grundlæggende og skabe enkle og smukke Flutter-applikationer. Der er ingen forudsætninger nødvendige; du kan komme hurtigt i gang!
#4. Flutter officiel dokumentation
Uanset om du har en kodningsbaggrund eller ej, vil Flutters dokumentation guide dig gennem at blive en ekspertudvikler. Det er også det bedste sted at få de seneste stabile Flutter-udgivelser.
#5. Real-World Flutter af Tutorials (første udgave)
Hvis du mestrer det grundlæggende i Flutter og ønsker at komme videre, er denne bog om Real-World Flutter by Tutorials (First Edition) dit første valg.
Du vil gå igennem fra bare at vide til at bygge Flutter-apps professionelt.
#6. Flutter Complete Reference
Denne bog er en detaljeret tackling af Flutter-rammen og Dart-programmeringssproget og dykker yderligere ned i dybe emner og bedste praksis for Flutter-applikationsudvikling.
Den officielle hjemmeside for denne bog består af nogle quizspil for at teste dine færdigheder.
#7. Flutter kogebog
Denne bog er et eventyr om, hvordan man bygger, fejlretter og skalerer native iOS- og Android-applikationer.
Gå gennem omfattende selvstudier med Flutter, og gentag gennem unikke brugergrænseflader (UI).
#8. Flutter for Dummies
Denne bog, der hedder Flutter for Dummies, er unik. Det lærer dig Dart-programmeringssproget.
Den forklarer, hvordan du initialiserer dine egne rammer og udstyrer dig endelig med alt det væsentlige til at køre på Flutters revolutionerende app-udvikling.
#9. Byg spil med Flutter
Uanset om du ønsker at udforske eller bygge Flutter-spil, er denne bog en omfattende guide til at bygge multiplatform-spil ved hjælp af Flutter’s Flame-motor.
Bogen er proceduremæssig for at sikre, at du forstår alle trin og den bedste udviklingspraksis.
#10. Flutter projekter
Denne bog lærer dig Dart-programmeringssproget og Flutter-rammen ved at guide dig gennem opbygningen af apps og spil fra den virkelige verden.
Det har praktiske projekter, der demonstrerer de bedste teknikker til udvikling af Flutter App.
Afsluttende ord
Du har nu en fuldstændig fornemmelse af, hvordan Flutter fungerer, og hvordan det kan hjælpe dig med at bygge digitale produkter. Flutter tilbyder dig fuldstændig dominans i applikationsfleksibilitet, og din fantasi kan kun begrænse dig.
Når du mestrer det grundlæggende i Flutter-udvikling, kan du oprette enhver applikation, uanset om det er web, Android, Mac eller iOS, for at imødekomme enhver kundes behov.
Tjek derefter de bedste rammer til at skabe serverløse applikationer.