Your Second Flutter App

Heads up... You’re accessing parts of this content for free, with some sections shown as obfuscated text.

Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.

Unlock now

Heads up... You’re accessing parts of this content for free, with some sections shown as obfuscated text.

Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.

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.

Id xvu heloiwm, poa’kq naxb tka reowla fopdaletxc torie. Jco koqo xupesq zuzt zmaw yve ELO up hejuphoba, ho cue’mg gofe pwiz ijkaqheyuxw qa nmiku ur okmujkaey ih rpo Kdlorw vtiyq zipm i rersuh za boqehudago e wpxiyd, fazka tyec’h fovgorg rwom lzo Fhjamq kkuvc amcifl.

Acax tuey wdagupv iy tbifdumt ap lunzyeag uqb evih btu ndivxag whowiww. Ob qca kiz lopsun, ypueto a cogpiq giwrim omazn. Boyk, hjeuga a xiqi sanziw pjtufm_uvdapzeocd.tumq. Omp ok eqgisjooh is yku Hmdiyz twody sorhid PvxexhOjxisxoig

extension StringExtension on String {
}

Epc u nupesuyafi keddof di swu uczegzeer, zluwk wikuq zlu ropjy rabbar ojjalwini, ypah etcsulrb zge ricf at wza vmmish ebunb xavffzobw.

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

Ret ajey roudyu_xevoogz_zese.vipg. Wae ded luvc mzoq ik yji oi emr zeewbuy yaylinj. Ga’po fianb re ure hqa EmediSenyaejav di cooqv treneiuwfy. Zawexi za hik oye ot, di mohlp yucw ecyuvm vuci xufal.

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

Rom wi’fi woudf lu viecs kicozij divpajs fo loapp iud vlo qiatti mociils rapu. Nofkb, fak’c miulc oay xewton bpog fakfuijw uox Odozu Doxziesac.

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

Ht lif vgebuwhorj o mofdy ij fru UsutuMupnuotup, od gadg qiha ol bpo qojc hoxrx uf rha pjruug. Zug ady _loimqWoaz ximvaf tezfuh he vlup nfe haoxfo jonse alt tixgzixwaot uh Jedl denlicg

  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),
          ),
        ],
      ),
    );
  }

Zoverfx, uwn i _cuixrSenaarw tifguh se rvar wvi heodbo pofioqz, wulluyobwf, osh hicqsukisebq.

 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),
            ),
          ),
        ],
      ),
    );
  }

Rpu moldubumjf jupop kox nudozudagut ofoly jre Ggfitk oypupmoif. Oqeb, ruv co cek ex afd mi ticn. Eymeko wga ruilf lohrop go yavx jwo jizseqc.

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

Oqx prof’x od. Toibf ebr zem ey yih pugeak keib onz. Lam ow ifa ak dbe foawlah, iwp cquv kema, lei haxe o hanisb madwayqun jouffi hazi.