Flutter-kehitys kasvattaa suosiotaan voimakkaana tapana tehdä merkittäviä mobiilisovelluksia. Tämä kattava opas vie teidät Flutterin kaikkien hienouksien läpi: mihin se pystyy ja miten sillä rakennetaan laadukkaita sovelluksia. Olemme tavoitelleet selkeää ja ystävällistä sävyä, jotta teksti hyödyttäisi sekä aloittelijoita että kokeneita kehittäjiä.
Mikä Flutter on?
Flutter on avoimen lähdekoodin kehitysvälineistö (SDK), jonka Google loi sovelluksille eri alustoille: Androidille, iOS:lle ja verkkoon. Koodi kirjoitetaan kerran, ja niin sovelluksia voi julkaista useammalle alustalle yhtä aikaa voimia hajottamatta. Flutter käyttää Dart-kieltä — Javan tai JavaScriptin tuntijalle se aukeaa vaivatta.
Miksi valita Flutter?
Flutterilla on useita etuja muihin mobiilikehityksen alustoihin verrattuna:
- nopea työ »kuuman» uudelleenlatauksen ansiosta;
- yksi koodi monialustaisille sovelluksille;
- laaja käyttöliittymäosien kirjasto;
- vahva yhteisön tuki.
Valmistelemme kehitysympäristön
Ennen Flutteriin tarttumista on tärkeää valmistella työympäristö oikein. Tässä osassa käydään läpi tarvittavat askelet Flutterin ja sen riippuvuuksien asentamiseen ja säätämiseen.
Flutter SDK:n asennus
Aluksi ladatkaa Flutter SDK viralliselta sivustolta. Valitkaa käyttöjärjestelmäänne sopiva versio (Windows, macOS tai Linux) ja noudattakaa asennusohjeita.
Ympäristön säätäminen
Flutter toimii eri kehitysympäristöissä (IDE): Android Studio, Visual Studio Code, IntelliJ IDEA. Ladatkaa ja asentakaa se, joka on teille mieluisin, ja lisätkää ehdottomasti Flutterin ja Dartin laajennukset.
Uuden hankkeen luominen
Kun ympäristö on valmis, luokaa uusi Flutter-hanke ohjeita seuraten. Näin syntyy sovelluksen runko tarvittavine tiedostoineen ja kansioineen.
Flutterin perusteet
Ympäristö on pystyssä — on aika ymmärtää, miten Flutter-kehitys rakentuu.
Dart-kieli
Dart on oliopohjainen, staattisesti tyypitetty kieli, joka on tehty nimenomaan nopeille sovelluksille, jotka kasvavat vaivatta. Jos tunnette Javan tai JavaScriptin, Dart tulee teille helposti.
Widgetit
Flutterissa kaikki on widget. Widgetit ovat käyttöliittymän tiiliä; niistä kootaan osia, joita voi käyttää uudelleen ja säätää. Widgetejä on kahta lajia: tilattomia ja tilallisia.
Asettelu
Flutter käyttää joustavaa asettelujärjestelmää, jotta käyttöliittymä mukautuisi näyttöön. Tarjolla on erilaisia asetteluwidgetejä — rivejä, sarakkeita, ruudukoita ja luetteloita — joilla sovellukselle sopivan ulkoasun kokoaa helposti.
Rakennamme yksinkertaisen sovelluksen
Tässä osassa käydään läpi askelet yksinkertaisen Flutter-sovelluksen rakentamiseen: hankkeen luomisesta käyttöliittymän muotoiluun ja itse toimintojen työhön.
Sovelluksen runko
Aloittakaa uudesta Flutter-hankkeesta ja sovittakaa sen runko omaan ajatukseenne. Poistakaa itsestään luotu koodi ja kirjoittakaa omanne.
Käyttöliittymän muotoilu
Flutterin widget-luettelon avulla kootkaa käyttöliittymä eri osista. Kokeilkaa erilaisia asetteluja, tyylejä ja animaatioita — niin sovelluksesta tulee silmää miellyttävä.
Lisäämme toimintoja
Kuvatkaa, miten sovellus vastaa ihmisen tekoihin: painikkeiden painalluksiin, tekstin syöttämiseen. Kirjoittakaa tarvittava Dart-koodi näiden tekojen käsittelemiseksi ja sovelluksen tilan muuttamiseksi ajoissa.
Tarkistus ja virheiden etsintä
Käyttäkää »kuumaa» uudelleenlatausta sovelluksen koettelemiseen lennossa. Löytäkää ja korjatkaa virheet ja hidastelut — niin toiminta pysyy tasaisena.
Vaativampia aiheita
Kun perusteet käyvät tutuiksi, tarttukaa hienompiin asioihin: ne nostavat tasoanne ja sallivat monimutkaisempia sovelluksia.
Tilan hallinta
Monimutkaisissa sovelluksissa tilan hallinnalla on avainrooli. Tutustukaa eri tapoihin — Provider, Bloc, Redux — ja valitkaa se, joka pitää tilan vahingoittamatta nopeutta.
Siirtymät näyttöjen välillä
Ymmärtäkää, miten siirtymät ja reitit on järjestetty Flutter-sovelluksessa: siitä riippuu, kuinka sujuvasti ihminen liikkuu näyttöjen ja tilojen välillä.
Animaatio
Elävöittäkää sovellustanne liikkeellä ja pehmeillä siirtymillä. Flutterilla on luotettava animaatiokirjasto, jolla pehmeät ja ilmeikkäät tehosteet syntyvät helposti.
Omat widgetit
Laajentakaa sovelluksenne mahdollisuuksia omilla, tarpeisiinne tehdyillä widgeteillä. Opetelkaa kokoamaan ne valmiista tai rakentamaan tyhjästä.
Hyvät tavat
Hyvät tavat Flutter-kehityksessä parantavat sekä koodin laatua että sovelluksen jättämää vaikutelmaa.
Järjestys koodissa
Pitäkää koodi järjestyksessä: jakakaa käyttöliittymän osat, liiketoimintalogiikka ja tietomallit eri tiedostoihin ja kansioihin. Näin sitä on helpompi lukea ja ylläpitää.
Nopeus
Nopeuttakaa sovellusta: älkää piirtäkö widgetejä uudelleen tarpeettomasti, ladatkaa suuret tietojoukot sitä mukaa kuin niitä tarvitaan, pitäkää kuvat ja tiedot välimuistissa.
Testit ja jatkuva koonti
Kirjoittakaa yksikkötestejä, widget-testejä ja integraatiotestejä — niin sovelluksen käytös pysyy ennakoitavana. Ottakaa käyttöön jatkuvan koonnin välineet, jotta tarkistus ja julkaisu tapahtuvat itsestään.
Lopuksi
Flutter-kehitys on vahva taitojen joukko laadukkaiden monialustaisten sovellusten tekemiseen. Kun hallitsette perusteet ja kurkistatte hienompiin aiheisiin, osaatte käyttää Flutterin mahdollisuudet täysimääräisesti. Pitäkää kiinni hyvistä tavoista ja seuratkaa uusia välineitä ja menetelmiä — kehityksen maailma muuttuu nopeasti.