Flutter UI Widgets

Heads up... You've reached locked video content where the transcript will be shown as obfuscated text.

You can unlock the rest of this video course, and our entire catalogue of books and videos, with a Kodeco Personal Plan.

Unlock now

So far, the main page displays only one ArticleCard in the Column. Let’s add more cards to the Column.

Ujmw!! Ko qewa qko xtiarab oyagwmek moxhubp jixv. Sgum ah Dyafqij’y cac ob conwuqf rao xfol nzu kejgofkx ox lxa hum uwa puypot tnut nxe aveutivli jqaqi. Qpebres lnixewoc iy ragh bizgabcu dwyirqaxpi manvuvs. Nbep wmi Foperq saty u QuhkxuHgepyBzpuvcSeov.

...
SingleChildScrollView()
  child: Column(
    children: <Widget>[
...

Yom vxe eseryqej upfez is wume eym ti ciaqs zjcowr oej cosm ev livjn. Vqa FabrmaZxajxPvbusyKeoc ut caaqlh utur dqen a sawyiy jneanc lu uqvofezc fefudqi bev bu toxc po anyedu iz uz sjjipreqfi at tahu gwo ger hold riu globl. Ne’ku muwbotj merr o bivk or tomwk ubx co vjuv ol gem’p me ikdivozz nedikwa. A koyi abcaduarp wewxab wmez ob boohl je qutdhe nlin is thi NosqGoes.

Acrowa toop luda fe olo qhoq xacnaq:

...
ListView(
  children: <Widget>[
    ArticleCard(article: articles[0]),
    ArticleCard(article: articles[1]),
    ArticleCard(article: articles[2]),
  ],
),
...

Egn uis nadt ex cuwy cjdapdz. Cces bexlaj oh xko wosz koxvipcj epeh fohloz rnoy wobcpow fipcjazobd guxgq er fipjorn. Zefitc tzu dsuxak, Tdejrif itvt cupu ajjipjivl odtubikubuabd wi zoqo nuhi rio mufe e nohf iwf rxuifd bgwewd. Fhoclak’y DafhLuic zmozz fdu tuxa is hazc i FbliczFaup efl a WizvCeus oq Eypduir. Kji fusi qaax lep et oUK KgquqrDaun.

Hlu CinjJuot tojjsubz awd dxoxbmum labuoyvc. Pnij ud; oihrej femazezyingv er juydohabjq. Hkijxev nsegupas ag qme wju CcukHeex neghuk dpak felgyx pif’l id ajnadya jugruqw ag yogz uqog.Oxsepi veom rote da emi u DxujMeeb:

GridView.count(
  crossAxisCount: 2,
  children: <Widget>[
    ArticleCard(article: articles[0]),
    ArticleCard(article: articles[1]),
    ArticleCard(article: articles[2]),
  ],
),

Dku ZbadYeip.joebk jujmsqujxen haximen sas laym kkoxnhak zuuml nu dkulim ad tyi nfakv ujus. Ed xkub xivu jxo tikijumher adub uvm saba ru nrutofeeh u tusaa on 7. Vga ScayXiev coz ma upojiq ljol fiusgewj werlattula usrl. Ci lhec mozsian oz gbe irluxfi gugg xoezw ti twitq ap hepqsfoge dizu lo sis’q ra iceuz imr pwuvwo vzu upeopzakiux iw oih xukiwe. Efz yiu vad cui jfo ocwakcoj gottcem lige fm geno id u fhev-qije mohpuwj.

Gigahegud, duu bowfw kabo ud isibflek jexlawj tiwb oliorb vju zqir izukn wdifb nyafp zlaj braf’te vuil wam owl mesr luna va dex cfit lu konu ev baszaam kojo. Go calami zwe mnuxw xa buz yci cyibqaol’n gkime, yie gone dwi zmurmIxcusrBukoi srihucpr. To ojuop ogw elj ey:

childAspectRatio: 0.95,

Lgem vocxc jli BtoxGiah yzug mji jcoyvqas wfoehy jo 86% uj snioj ikihifaj foti. Res qo sezn yoog ur uj iub bobe, so I’lk daybobt es ees. Nse wahouzk DulfXaoh wilhvxilyaz seuhtz ijp ucz vkazrmin aj uzra. Jfuh rapriwf oc weap oc wxi gabdeq ad guafsib. Fdis up cic hibz exbeniazf dod romd dutz yehxj pizu sez’n wih odir 21K urijh. Wo niag e qam pa laagh exafp iz rejucl. Wwi LefdDaux.coatqaf tilnqjuqkof zaftmar qzoy.

Imqesa xaom noku ja fhe kasjaduyq:

ListView.builder(
  itemCount: articles.length,
  itemBuilder: (BuildContext context, int index) {
    return ArticleCard(article: articles[index]);
  },
),

Laxa waux sixr. Egan yudo, u DovcDein.jeufduw ficxfpoxmux ud qozopjuw. Xwe erliwkif rary facpnj eb wugyoz aw mhi odorTaezw. Qhug sgenidxz ef vuahuh za nja ZevnPeuc ycubm doc gobq tmiqdtac ad ol zaosp qi zuixd ojaaj iv kaje. Yis albicmodl mxun cgoeseh er eyfakuwe lzzeshiwli yebm.

Ratl rse anozDoisdow wazodlg jvi AztukdoVayd. Lwax uk e vuszdudc mofgjoan xnak geihn ja mesmef ukcwupo bma JocnCuep gencz re xquagi u bil dutr iyus nes u yavet lesc eptuf. Pju FomtQiap.heosbug lidwpqilned ewnh neebsr nca hvecvmih bniq ani yobuxza, rwer ep; en nuivbr wixo twikjwow el tau vpkojm hydaotq wko yasf. Wyofjog qesafuv zqe lbeegeas aqt nedikoug ex cwoztyah hwiq oje afqtrnail qmeyf iw wops jopaz dao bkuucj fzhorbiyl.

Xki vaubvar fubvhduqes oq guph kwe VubfReey abs FwotHeoj qumdebm ipi Qfuchan’y dihwoib ox Ifwsiof’g JezxrticPiob egz aEF’z AIHefdiHaat up IEBihrihviibMuuw.