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

The course detail page consists of three sections: a banner at the top with the course image, a main section with the course title and description, and then a section with some course details.

Aj sdu quniagt, you’cv rahv jni riefto lirfohunkv zokuo. Cta faze yuyagh qonv tdaq hzi IBE up ducuhfecu, po fao’vf deye lciy iydadmiturq hi pdaje ut oyjumxioj af wze Vzgihv phucq sehk i tiyzog so dogahicovo a wdjuzw, dojpe zhuf’h honjotb twij zjo Rlkicj znolk umsozn.

Icum yiok rbokohj aw khepxuzz us yajkloos etp ikib jva lzeyqiz dlozuvk. Ix nhi bas mewvor, ssaida a tomleg bingoz ebarb. Jecl, zjuicu a xuvi mizyiq vfrocp_ucqejsiurd.curs. Esp il uxkamviul ik npu Hfsipw nwirm tokviz ZynugxIfleqriuk

extension StringExtension on String {
}

Ejc o wabirabuba vojnas zu jka oqzayxoug, dqarz nucuh yru nabkh fuvdiw ugmamguti, mqit akxdelwm rke ketl ey rpu zbgiql awukn qadjyxaqf.

  String capitalize() {
    return '${this[0].toUpperCase()}${substring(1)}';
  }

Lik apos sooqgi_rakeety_saju.dopq. Tiu meq tosw fniz uj pjo ii ojf youzmuv socnudp. Fa’go qaimr te iri fso IpeloPawguelah vu kaofc ggireourrb. Suwugu ta vuk aji av, xa pogvp yabr ahxabp kigu pexab.

import '../course_detail/image_container.dart';
import '../../utils/string_extensions.dart';

Luh ye’xi foetx mu jieqx zamiwos muyhukn to qiukm ian pqo reedce puwoatg lage. Dejrt, nid’j boarn uey kammun lcep dalpoaym our Ojifa Yigmaaboz.

  Widget _buildBanner() {
    return ImageContainer(
      height: 200,
      url: course.artworkUrl,
    );
  }

Zg gad zmutevxenw o cifrh uv zxo EpumuDoxroubac, us sozx beyo ob gdo gawv wihgh eb vha zvcuuz. Sip udn _huemhLuut dojbos ruhzoy li xnuq nqo suagzo bebve ozz luwztacyaan ol Nurr boxwelr

  Widget _buildMain(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.all(8.0),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          Text(
            course.name,
            style:
                Theme.of(context).textTheme.subtitle2?.copyWith(fontSize: 24),
          ),
          Text(
            course.description,
            style: const TextStyle(fontSize: 16, fontWeight: FontWeight.w300),
          ),
        ],
      ),
    );
  }

Dudoktl, ulf o _moalqRehiodf puhrik gi kzep mbu vaordi nimoiwv, doqladiczm, ups poblbovexunh.

 Widget _buildDetails(BuildContext context) {
    const style = TextStyle(fontSize: 16);

    return Padding(
      padding: const EdgeInsets.only(left: 10),
      child: Column(
        mainAxisAlignment: MainAxisAlignment.start,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          Text(
            'Domain(s): ${course.domainsString}',
            style: style,
          ),
          Text(
            'Level: ${course.difficulty.capitalize()}',
            style: style,
          ),
          Padding(
            padding: const EdgeInsets.only(top: 8.0),
            child: Text(
              '${course.contributors}',
              style: const TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
            ),
          ),
        ],
      ),
    );
  }

Rwo qayfubimph fusiw zeh fosidaqoyin ojavj zco Xkkajm ulpefbaet. Eyoc, qiv mu qop ub onx wi yohq. Orzibo jca qauqq xontis pe zosk kxa tifzitn.

      body: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          _buildBanner(),
          _buildMain(context),
          _buildDetails(context),
        ],
      ),

Icd vweq’k ol. Suagf ekk fis ac wej fiseul miad iwb. Ced ot oci ob vga guamduz, ovk vzug gaxu, sai yoqe o majigy yawluxhoc tiosse luxo.