Skep basiese 'Hello World' -app van nuuts af in fladdering: 7 stappe

2024 Outeur: John Day | [email protected]. Laas verander: 2024-01-30 07:23

Hallo ouens, ek het Flutter -tutoriaal vir beginners geskep.

As u nou wil begin met die ontwikkeling van fladdering, dan sal dit u help met Flutter -tutoriaal vir beginners.

Stap 1: Inleiding

Flutter is Google se mobiele SDK vir die vervaardiging van inheemse koppelvlakke van hoë gehalte op iOS en Android in rekordtyd. Flutter werk met bestaande kode, word deur ontwikkelaars en organisasies regoor die wêreld gebruik, en is gratis en open source. In hierdie codelab skep u 'n eenvoudige Flutter -app. As u vertroud is met objekgeoriënteerde kode en basiese programmeringskonsepte soos veranderlikes, lusse en voorwaardes, kan u hierdie kodeblad voltooi. U het geen vorige ervaring met Dart of mobiele programmering nodig nie.

Stap 2: Wat u in hierdie artikel sal leer

1) Hoe om 'n flutter -omgewing op te stel in Windows Installeer flutter op Windows.

2) Hoe om 'n virtuele Android -toestel te skep en op te stel.

3) Basiese begrip van Flutter en Widgets.

4) Skep die basiese app "Hello World".

Stap 3: Skep Flutter -omgewing op Windows

Om 'n projek te skep, moet u die nodige dinge installeer.

As u nog nie 'n opstelling gemaak het nie, gaan dan deur Installeer Flutter op Windows.

Stap 4: Skep en konfigureer Android Virtual Device (AVD)

Sodra u die opstelling gemaak het, moet u seker maak dat u een Android Virtual Device (AVD) geskep het. As u nog nie geskep het nie, of as u nie 'n idee hieroor het nie, moenie bekommerd wees nie; ons het 'n oplossing hiervoor: skep en konfigureer ook Android -virtuele toestel.

Stap 5: Gaan deur die basiese beginsels van fladdering en widgets

Voordat u begin, moet u die basiese konsep van Flutter en Widgets verstaan.

In die video hierbo word widgets verduidelik.

Beide tipe widgets gedek

1) Stateful Widgets

2) Staatlose widget.

Gaan deur hierdie skakel om die basiese beginsels te verstaan.

Stap 6: Skep 'n basiese staatlose "Hello World" -program

In die video hierbo word 'stap vir stap' 'Hello World' -program ontwikkel.

Die volgende stappe word in bogenoemde video behandel:

1) Skryf eenvoudig 'Hello World' tuis.

2) Dan, met behulp van staatlose widgets, word 'Hello World' -teks bygevoeg in een steier.

3) Gebruik dan die AppBar en gee die app die regte voorkoms.

Stap 7: Dankie

As u van hierdie tutoriaal hou, teken dan in:)