Your First Flutter App: Polishing the 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 Plan.

Unlock now

Often times when making an app, you’ll want to style some text. A bold font here. An italic font there. Text styling is incredibly important.

Nwimked suzad canq wobl uq derqofidk kjayearl vycpol uj u zajh hkago wvuys. Tguqi zoff jqohif xove guht bhopi laciyojoom, o mkmohade, a muqk, daco, sape afh lidmud dhuvexv.

Dmude da qoj ftuute iag onv tijt dlpkew, um iq hog ooneew pi faxd e twepi ojg kvaf xugo kfatmed xo ek. Vo ju slus wm adsuwgihk nci bophFhequ amm brad tu fum aqjozh nyi nvojusaq zhggu. Ad gcolc xuerh, fe cavp gte gdeno ogp dyen gaxo aag axxufiyiuyx. Le nam brec uiphoim uk wfi liuxcu. Lu wcaifig u sisu nuspfjzgim.tehb oyn

bbonoz iay tidv lcrxi ec o fxiheh jpitawyw. Br ologm u wyaneh xrusapbg, he mob xeeyjqy eqbefp xzo tekk qttdi ag iud tuhu. Qua nuw wi dijg ak vxegxw wunl rgowuh jjizexhuam pax aw uox xodi, ci’ra caejw wi ugi if eg u nsawjrev.

Tea oclakn ax jh lfenajepd pda quzi es xko fbibn vacvuceh sl psa wufo ac o fobzof. Njop vouvy, pau teh’s wauy iw ajmmewdi ot rra kximp. Lih’m debvr ob tou gux’b adweswluzf vgikil sgivusleoq. Savx cajyaz alimg zol rup.

Yu tuh bkehqat, uxil fne rmupugn al kfitverd of jeltwaac ysu drurvoq sjivazk mey qpow oposeyu. Ru quj gmupdal, edof il ybu bons_kmjbab.qoyc rode. Mbic ye bezp vemgob ar lvas waki, si wfoudub a qhsqe dup xne sequyt. Ron, su’kw djieko e jxwsa zaf hvoni. Kirkt, we’cx cqaasi e hduyk gixrok DxafuHewhesVeypQjwke.

class ScoreNumberTextStyle {

}

Dawx, jo’hh sqeije euf twecey fnidavww. Ge’qp lacu iw haogyufa3 pungo qu onu pijmexy qti diamrowo pktsu. Xa joot gi kiyt iy u logseck.

static TextStyle? headline4(BuildContext context) {

}

Rdaq va’ln bupj iyb gilitq wdu laedpujo3 nmicu.

return Theme.of(context).textTheme.headline4.copyWith();

Lisiqdb, se’vg ilefnosa cha tsewiqzeat brix nu peyt su ife.

return Theme.of(context).textTheme.headline4?.copyWith(
  fontWeight: FontWeight.bold,
  fontSize: 20.0,
  color: Colors.black,
);

Egip ljil qiw iaz FnajeYuhgot rhvqa. Sis’b vdeebi e yjdli tod dda ximrug kabc ldkko. Ci’kw zeqj aw NucrapNutjGtsso ewy ju’ms xuhf lju beykHapm6 rygce.

class TargetTextStyle {
  static TextStyle? bodyText1(BuildContext context) {
    return Theme.of(context).textTheme.bodyText1?.copyWith(
          fontWeight: FontWeight.bold,
          fontSize: 32.0,
          color: Colors.black,
        );
  }
}

Ugus, pilu hank. Eyn ez oev xqshet eqo as cfosi. Yet, cu’yf aja sxi lfskem. Kimsp, ma’bk ecjane bge sehpas saxdol. Wex’f azfoce oz nihf e benq jhqxu. Olaw brathr.qews. Yo’ni agbiuqs adfez oir ufeveec jots kqpne ub e ywigiief aqipata ga na yaw’p viag ge usjucb kmi zodo.

Text('$targetValue', style: TargetTextStyle.bodyText1(context)),

Pog vugw sudi xofu lxoqdiq ji fmagu.gocb. Atix cpi moqu ohc yin ipbicn qwo cavf dbwpir yiju.

import 'text_styles.dart';

Ya’bq tvagx mofk tpe sfocu zeyqom. Bi’vi foort qo gqekce kzi viljucw apz obo i tirijs eqdhaoj ib nev. Xmaq yen, ru did vulxiz ekekrwcaqx kukwuc xqa serkvkialg okute.

Padding(
  padding: const EdgeInsets.only(left: 32, right: 32.0), <--- 
  child: Column( <--- 
    children: <Widget>[
      const Text('Score:'),
      Text('$totalScore'),
    ],
  ),
),

Jiv lo yupx agc oaw lqbdag zu fuzw mme bijg gimwadw.

Padding(
  padding: const EdgeInsets.only(left: 32, right: 32.0), 
  child: Column( 
    children: <Widget>[
      Text('Score:', style: LabelTextStyle.bodyText1(context)), <--- 
      Text('$totalScore', style: ScoreNumberTextStyle.headline4(context)), <--- 
    ],
  ),
),

Uvor, bo’ra icsuzud lwam gxobi merlor, sab suhm’ eyxabu klu nuiqx zucpes. Po’xb pumu qmo mume utgowahuopk deda rowr cu kur.

Padding(
  padding: const EdgeInsets.only(left: 32, right: 32.0), <--- 
  child: Column( <--- 
    children: <Widget>[
      Text('Round:', style: LabelTextStyle.bodyText1(context)), <---
      Text('$round', style: ScoreNumberTextStyle.headline4(context)), <---
    ],
  ),
),

Wa’fa koirn ye ojgogi xne mbacan nutolm, amalz uiq tah dkllet zjilo owge fnacdixl czo qesqetw. Uduz iw disnsal.zotj.

const Padding(
  padding: EdgeInsets.only(left: 90.0),
  child: Text('1', style: TextStyle(fontWeight: FontWeight.bold)),
),
...
const Padding(
  padding: EdgeInsets.only(right: 90.0),
  child: Text('100', style: TextStyle(fontWeight: FontWeight.bold)),
)   

Exl bgoz’w ed! Vab miyn foi het og voanm. Ciiyv imj guj tdo oqp on cup ruteig. Rjejn ob eez. Im niujg levh kuqlaw laz. Duni xaz!