Installera Flutter på Linux
Du kan installera Flutter i Linux med två metoder. Den första metoden är ganska enkel, allt du behöver göra är att köra ett enkelt kommando för att installera Flutter från snap store.
$ sudo snap install flutter --classicDen andra metoden innebär att ladda ner fladderförvaret från GitHub. Kör följande kommandon i följd för att manuellt installera Flutter:
$ sudo apt installera git$ git-klon https: // github.com / fladdra / fladdra.git -b stabil - djup 1 - ingen-gren
Observera att när du kör kommandot ovan får du nödvändiga filer från det officiella Flutter-arkivet inklusive körbara binära filer. Du kommer att kunna köra dessa binära filer från mappen "bin". Dessa körbara filer läggs dock inte till i din systemomfattande PATH-variabel och du kommer inte att kunna köra dem var som helst om du inte lägger till dem manuellt i PATH-variabeln. För att göra det, följ stegen nedan.
Öppna ".bashrc ”-fil i din hemmapp med din favorittextredigerare:
$ nano “$ HOME /.bashrc ”Lägg till följande rad längst ner i filen och ersätt försiktigt
Om du till exempel laddade ner Flutter-arkivet i mappen "Nedladdningar" måste du lägga till följande rad:
export PATH = "$ PATH: $ HOME / Nedladdningar / fladder / papperskorg"Spara filen när du är klar. Uppdatera “.bashrc ”-fil genom att köra kommandot nedan:
$ source “$ HOME /.bashrc ”För att verifiera att Flutters ”bin” -mapp har lagts till i sökvägen, kör kommandot nedan:
$ echo $ PATHDu borde få utdata så här:
/ usr / local / sbin: / usr / local / bin: / usr / sbin: / usr / bin: / sbin: / bin: / usr / games: / usr / local / games: / snap / bin: / home / nit / Nedladdningar / fladder / papperskorg
Lägg märke till närvaron av nyckelordet "fladdra" och hela sökvägen som visar mappen "bin" i katalogen "fladdra".
För att kontrollera om kommandot "fladdra" kan köras från vilken väg som helst, använd kommandot nedan:
$ som fladdrarDu borde få utdata så här:
/ hem / nit / Nedladdningar / fladdra / sopa / fladdra
Observera att "Dart" -språket, som krävs för att skriva Flutter-appar, levereras med Flutter-filer som laddas ner från git-arkivet eller från snap-paketet. Kör följande kommando för att kontrollera saknade beroenden som krävs för att köra Flutter:
$ fladdra läkareVissa nödvändiga filer kan börja ladda ner för att slutföra Flutter-installationen. Om du inte har installerat Android SDK ännu kommer ett meddelande att visas i utgången för att guida dig genom installationen.
Om du vill utveckla Android-appar med Flutter, klicka på länkarna som syns i terminalutgången och följ relevanta steg för att installera Android SDK.
Denna handledning fokuserar på att bygga webbapplikationer med hjälp av Flutter. För att möjliggöra stöd för att skapa webbappar kör du följande kommandon i följd:
$ flutter channel beta$ flutter uppgradering
$ flutter config --enable-web
För att verifiera att stöd för webbapplikationer verkligen har aktiverats kör du kommandot nedan:
$ fladdra enheterDu borde få utdata så här:
2 anslutna enheter:
Webbserver (web) • webbserver • web-javascript • Flutter-verktyg
Chrome (webb) • krom • webb-javascript • Google Chrome 87.0.4280.66
Om du hittills har följt stegen korrekt bör Flutter nu installeras korrekt på ditt system, redo att skapa några webbappar.
Skapa ett nytt Flutter-projekt
För att skapa ett nytt "HelloWorld" webbapplikationsprojekt med Flutter, kör kommandona som nämns nedan:
$ fladdra skapa helloworld$ cd helloworld
För att testa ditt nyskapade projekt kör du kommandot:
$ flutter run -d kromDu bör se en Flutter-webbapplikationsdemo så här:
Du kan felsöka Flutter-webbappar med hjälp av utvecklingsverktyg inbyggda i Chrome.
Ändra ditt projekt
Demoprojektet du skapade ovan innehåller en “main.dart-fil i mappen “lib”. Koden som finns i denna “huvud.dart ”-fil kommenteras mycket bra och kan förstås ganska enkelt. Jag föreslår att du går igenom koden minst en gång för att förstå den grundläggande strukturen för en Flutter-app.
Flutter stöder "hot reload", så att du snabbt kan uppdatera din app utan att starta om den för att se ändringarna. Försök att ändra programmets titel från "Flutter Demo Home Page" till "Hello World !!" i huvudsak.dart ”-fil. När du är klar trycker du på
Bygg din Flutter-app
För att bygga din Flutter-webbapp, använd kommandot som anges nedan från din projektkatalog:
$ flutter bygga webbenNär byggprocessen är klar bör du ha en ny mapp i din projektkatalog som ligger på "build / web" -sökvägen. Här hittar du alla nödvändiga “.html ”,“.js ”och“.css ”-filer som krävs för att kunna betjäna projektet online. Du hittar också olika tillgångsfiler som används i projektet.
Användbara resurser
För att veta mer om webbappsutveckling med Flutter, se dess officiella dokumentation. Du kan hänvisa till officiell dokumentation för Dart-språk för att få en bättre förståelse för Flutter-appar. Flutter kommer med massor av officiella paket och tredjepartspaket som du kan använda för att snabbt utveckla appar. Du hittar dessa paket tillgängliga här. Du kan använda Flutter-widgets för materialdesign i dina webbappar. Du hittar dokumentation för dessa widgets i officiell Flutter-dokumentation. Du kan också få en känsla av dessa widgets genom att bläddra i arbetsdemos för webbdesign av materialdesign.
Slutsats
Flutter har utvecklats ganska länge nu och det växer som en ram för att utveckla plattformsappar för "skriv en gång distribuera var som helst". Dess antagande och popularitet kanske inte är lika höga som andra sådana ramar, men det ger ett stabilt och robust API för att utveckla plattformsapplikationer.