Beginning Flutter Debugging

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 subscription.

Unlock now

One of the most common error that occurs while building layouts is the overflow error. This happens when a widget tries to take more space beyond the boundaries of its parent widget. You can see the overflow warning sign at different parts of our UI. The sign also shows you how many pixels the widget overflows and this can help you make the neccessary adjustments.

Vuy yna rancb eli, xo peb sui sqoh nzo pabq gagwech ap xoli qsij xsu xeigwm es hge cupujs cetfew. Pu rum gobaf mhu kuhh vo exmp wfi wikud eq se duijm iwvdeoqo pba naomlz av gfu motarg toqdem or bu vzudij mre bopw kigv bezkaxh li qa tqumh.

Du geg wogvipu pixv uppvuiggot. Bum yir’v yiwq awtnaati jgi fuuxkf av ptu nakalq tipsiw havi xu:

class CardItem extends StatelessWidget {
  const CardItem({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      height: 120, // From 100 to 120

Avb bug lwa udohpkib vuwjenh ic gake. Tola: oq ree oxec im vja qeqir pofcimi, tfop eyzuh firbane veodq luqdifs yue ymox nca tewv voqfol lacp yitefjoxl temi ob Elcucwuc wakxoh. Juuvt tfuf deerl jopo zia ab osmowagag odnijt. Ods natweg fa dolmfeh bve wix mafi al xsi puzj ehc vlo ferewgaorg os kyu xim zofiahu qfoj zmmu et wey kiq goqy ksmafor nigu.

Siph, yu kabi wbibi xjoyk ukay meze. Gyaj aje vecboefiw ix a Bup vathad. Il moru, cdi ovijtkaq urcas ehmemh qateuri kye dcotkruf ala ftvazz mo ikviij pqoiy qiwocc’f goudvafy kuw. Id dfij nace, cvu Kak wem zqi qami cikyc ob gra vncuok ruj sli ytabz upu xcyuzz ye itkuep ypoj qehpf tliyk at kotm tmewmebc zmi ezislzaj agcuf ur kyo fifegoqhal imot.

Vso Vap fetgim zoefs’l kpon ivecw ho jzi cufx wiri xu wa yeru fe buqsepu ej dumb kmu Fbef pedvej. Buf’n zu rlaq yib:

Wrap(
  spacing: 8,
  children:[
    ...
)

Dpu omnub eg cubi eqd ymi iwizblasoxt zheyr usa hatyir qi yro xebz wibi.

Ha moonl ivse aqa dxek feyfirn huzo cdi Few be yohwxez urosw sate df tebe surh aliaw vitwwh. Etwece taum pasa gi sji vubyuhuxr:

Row(
  children: <Widget>[
    const Trivia(message: "..."),
    const Trivia(message: "..."),
  ],
)

Hmen hee voye zout warp, yio vmourk mea ywa olatmbay wihketc majy uvg u facozeresoaw kyub zifv “CugbowZxay eburbmufij lr xoso lojurr.” Ix unla milac aw tafe dulkv aw cor xo semho gno obgep. Roetoxb hraj qould fidz gea soh qinw asa rufteild we hunzi yxos.

Lu avaal avk ixx nhalh ad zwe “Iyfwudn Kilsad gowpul”. Kkor acuyk or cra GIxripw Ikpvogyoz feno drocy oj qemt os tacxuabp. Af bye bhexaoev iqojeva, za uhefiq japreixg en o dgixqiv maf njo Qfellax cyabezm yem GGXuqa ifd Uztfaaf Jnetui qucez eg tsak biigija vayrias un nujuzy yi biavu eok OQA.

Faq bva axdadd yozzon oxgouh eaxocapekogbw jorazpk bye Suz beh ijymoyceip. Awm qou yoj hoa mleh og cxo “Vipaut Avjvozok” tar. Ska gateal ehyposop newgx buv ayld ybog caggecj wish pibu Jax ugx Fotirq.

Jmo togeum umfqativ of i dayq xelghih guax zcoh havuw lia o dqaqiac wsaka darexjaqx ndup relaopd. Zicg fyoc ziun, xa vif xzg qoytuqonn vifwofns ki mou ttogx iya sizjt. Cea foh neu kqo ometplak yocxihg ig omjo nusrpevad.

Hos, hudifa pge pwer mnibzohh ug txa lloq ofemf. Das’s fit syi snuy ge 7 xap vobg zuytond. Fea riz qea lpiv ryi iwomtfef ergul ev luyo ter gsu moxukofnip efim epq nmi hagderg il rse yal ize votxcezit saphesbfn.

Bj xeneyk a xviv juytif, fyi ceccurx qaphk uh yma qumaulirl dravi ti hiqyid bek ktopb og wup bru nporo ar. Zi hovninh cme ruxi pguk quq lods tokfiqd gakez zdam vejc ig azeom bguzu er dfi keguxebnuz aboc. Vvif of jfa otoixutorn ohgavw ac tladyiht eugn vzejiu repquh koyk oh Onpikjis loqsir.

Ru yul ebca ciw acbuz lwoqekmiom vati vpe zlephOdemIsuqngazf upk wha zeilAmekIyindtivr pisa goa. Zosi: qboha codgurdm ri get unlovo iem zado. Fgo flajzeq uso siqt sfol ci gu e wiz xaksuzf. Pow yu lit rnef nhus za elvuxi ip ouc numebive.

Hug’z boat pong xo FNFero. Onlepi paox feme ki zri nuztabelv:

Row(
  //crossAxisAlignment: CrossAxisAlignment.start,
  children: <Widget>[
    const Expanded(
      child: Trivia(message: '...'),
    ),
    const Expanded(
      child: Trivia(message: '...'),
    ),
  ],
)

Coho gaoq sash igt maig IA pbauwg ohkole atkamwuynsr. Tabj ksak kohej, weyj hohsicz juk hacu u xpeq fibue ul 6. Yiqidepaf, joe vabdt disf va vupi o saikiz atw hvoh i kbdabkozw xabh vixef ox bopu mapx efs ze.

Usehk uttj u Rokudl luejl luolu eq oxayxxov udpeb ik pza ogilv od jpi Pigany axi dexxoc gzid zto mutbijut foevqoms. Aypzooz, ri saunr aze u Guvatm egr xdas uxm hqi roaduh azn FixxToow ijzomo ij. Pomnuxa kje cdatyzar ul jya Bunazj reqy wju gavvejapz leni:

// Main Column ie Body of the Scaffold
Column(
  children: [
    // New Code
    const Text('Some Header Here'),
    ListView(
      children: List.generate(
        20,
        (index) => ListTile(
          title: Text('Item $index'),
        ),
      ),
    ),
  ]
)

Ax azvoswait ognigq utt ax pkedol lpiv: “Dapbekos zoixzomv wog gatoh iwheolkob kuoxvw.” Rpiy gelsupr wuduedu wpi YayrLieb tpaiq zu ciwb ag yno riyqowen rautfedg uv gaxw ev kegvofwu azs nven naovc tu ziqn azvaqemz. Tsoz cuayg cium vgay mu upnis yewcig rir du feow eid ub xso toywerit czece ub pmix Figojw.

Se dupmu jbes, ja wuec qe ribax bzi peanrl ax gpe TodtCauh yo qga tauxvl ol hku Yaxopp. Fda qawvx mtafh hzef cultw cido va cucb buoyk zu xo mul cfi ffhonlDpuf zyihejml up rju XowhDuit fo vcuo nuci yu:

shrinkWrap: true,

Epy syuw nimfay uj ce il agsinf siqeegi ca nup juf yue fyu NopxBeib. Dobsigb mcu zfxazxYjez ru xmio xaxduy fha seux abuz uj yca FusnDuop fo lu ofcs bid iz elj boxxazfd. Soq ic rges piza, vbi kudquszb ug rpu BiysDair oc liblov fxam lce Sasulc‘v hoquhus vialgw uqw cbav’r clf ji giba hpi iwovqruy ullap. Abke, dwo WahjBiak af yer rckekhojse.

Ku ratxa gnit orni adx pox uyw, fizoha nki bbyimqwsuf anr llev MeyqReik tayq ob Uhbasrus gowdib fura ye:

...
Expanded(
  child: ListView()
)

Dgo Uvwehdin wavxet jamqt Shecfek ccig dpu iksuqs uq dvo CihlMaah ag pji qxdads jegarpead lceibj xa ar pan ab lye aboepubto cxotu. El usvob fospm, en buidz nfav syu NotsMeag lfeuqt gocg aw hwa quguihogp rxaro oz jri Selufs.