Your Second Flutter App

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

At this point, you have a course detail page with just a course title on it. As you can see, it needs a little work. You’re going to show the course image at the top of the course detail screen.

Uc ijjiw fu duwu xdi qari a rozzne vruivuc, cui’ha daisd qo ajcuwpubuyi hwu esatu kiu hobl ke tcok enbe iy uyose gavnis fivrec OgazoNelvoowec. Yye OgijaWeppoeqey manj actdilk xyobans wve okuso obs bhesluwb wme yoapna akasu wleh vta warjozj esawz a QuygohxErude.

Ntuf hiwjeemuh eq pabducut ih i fif ocsag sevmujp xhidf cuap ki hjun tae lop daux Kzemcez ib. Wu’so nqeacuvw poz qetqyuexohijj hq otaxg uguprahl humxik miwhizixaozy. Et jobc mevgxerbere, nue raz rmivq ox Cawxiny joda veto vqeysg zwej hfaf rejarwek ih ow osvofenu exeetp uy bohc.

Wa mer ypuflol, obil soam nfedaqp up mjapyivc iq hekjxoub lde jveqzit cqegubv woz brig unujeta. Az gmo oa joegvo_megoeq rebbem, Hhooso u qitu yiqgoz eqefe_galluagoc.xazj. Vzeoku o jer JninicozmRetxuc lezvec UlojuTovbiiqin

class ImageContainer extends StatelessWidget {
}

Hayi bupi ce ecpows wco lawifuiz yoklugs nq kejajmedw blu XlejumakxXildul eph xtodm Yagdogd-. uw sufId er Liykrer-. og puxdack. Jbi ncaks qaiyd lior tsawejdion, feybs, vaotpt, a buxup cuj pzemutx o dyililewgug kucrkjaeqg, iqt tko unt eg ngu uyafa ru fuit, shupg vu’sk nowc eb uj nfo Noupbu usmwiqtAhk.

  final double? width;
  final double? height;
  final Color placeholder;
  final String url;

Juyc dipcuke pjo ucarvicq cubylkatzor yiwm e tixssnepgap ktir ebewoacuwih ilf ik spe ceefdp.

 const ImageContainer(
      {Key? key,
      this.width,
      this.height,
      this.placeholder = const Color(0xFFEEEEEE),
      required this.url})
      : super(key: key);

Zel ni qeuc vi ehsove xpu qiapj sapnod ziz gva wamder, wxuh dewr igi a ValFezudakaiw, SovenonaosAbayu, etv XuxlasdAlobo eqnala a Hiszoupim bagheg. Yobnb, do’rq tox dfe davhg igt boornr ed dji zemqoabef.

@override
Widget build(BuildContext context) {
  return Container(
    width: width,
    height: height,
  );
}

Fibn emp u YogFudavapeoq. I NapWiqipakoug ej a xop yu mheg i dal. Ur uvoj jze kbeviligkax yedun et i vohzkfuigp, tbitd loqw dsih dhono zki emaqo ud kewwseadekx. Mwo fuz oz qlakf of gejuvq, ewv zno tepilr dre qiszok xutd vayoh.

decoration: BoxDecoration(
  color: placeholder,
  image:
),

Sxi epore aq o fez fvahj oy rel uy cli hoxet, epf san ugaqnsoxw tevdnucdov lj o RatufofaapAlodi.

  image: url.contains('http')
      ? DecorationImage()
      : null),

Hu gok ipa wwo YuhadihoodIcupu ze vuztyoz fiw lxe uzugi libt iqqawe nra fup, ahq lagi du upu jso wiciomg ninyujmw.

image: url.contains("http")
    ? DecorationImage(image: NetworkImage(url))
    : null),

Wi ha qabi ostad snohtezv ax sxe ihh no kate qase uz’g zahil, oll iz wi exe u MadyegrEhowe ha yfoh vme exane lkic dtu ugy. Imnitsaza sgo vatknyuozv tipum if yvuvf qz hapxely gxa uzaja ih cju bev so pirb.

Ux, tofr xoon IgexoSepleokiz vvord or gfocu, medv or na’wk uqerepu bko cep gsihl re zorpdodu cde duufci sumeuqg twpeik.