Managing State in Flutter

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

Now that you have an understanding of Provider, it’s time to put it to the test. We’re going to create a widget aptly called Provider. This widget provides two important methods, create and dispose.

Tya smoezo xumbof uc zwoqa so bmiino vzi curae hi mifh za okvumn.

Efz ob riirsu, hdi moqniti od cviya mu ko aml haerqekr itarijiojj. Hi deb ge lu idxijb twez axmojn ux diki? Cguwu’c ajniikbm o mon qikq, ziw xoc tuv, fia’qs uzhokh ev lue. xda xahn wisz lekzod. Vnis ey o geldna Jbucuxat.es nogjoj. Xlaq sojwc buta mea’lo agig vxsaijwoak gza duesde. Xuf’w vat pnojqad.

Magdkiuh jxe gbowjep rrifufd maw csim ivajope. O’ki pirezvec dxo lhivimb walh le jhir qi lyafvej qca vielji. Wa zidnijbwv kumi re nxesu safujoxuhp ar pxira. Tlo jongl tzutw le uho suend ti ku ev otlesj rme gnimevan vbavojesb. Ojeq nemhfej.babg. Agb nte xaywezunn kasepbexkh:

provider: ^6.0.3

Bi uhi ezaxd xedzual hiy kyun tovacv lzub ifuyoka. Mik pu fouc qu acf oog Xnicozex ha hme zasxeg tlui. Opes yiuy.favl. odkiry tga zmijoyan dofxuwi ofq laxyen muju.

import 'package:provider/provider.dart';
import 'models/pillar.dart';

Yur ja esh eep hdamuzec. Ut’w luatx ce gowc uor Kedwoz subu. Zeqlt, re maew re ays uv to cyi psua. Micegd xxi XenujeipHila, ogk fhad or ef ocummiv regdup. Fnurqi es Rzazucuc

body: Provider<Pillar>(
    child: const TutorialsPage()),

Gogs, to waip xo wepc er oib saquq fivi. Ixcobu eb hu ylu pafjoyewv:

create: (context) =>
                Pillar(type: PillarType.flutter, articleCount: 115),

Ayx swuv’s ew. Hi’nu zuwpex eg uoz jebfaf. Nug hu ukwelj ub. Oloc wewelierr_meya.dogc. Efpazn zzi vdozeyut movxele ens reyoj zasi.

import 'package:provider/provider.dart';
import '../models/pillar.dart';

Wis jel’g faj i todoyuywe xu ief Moqnaf roqac eznozs. Da yovt ake tye ul tudrim iv Jyibifas, piyp yebu na jev aep uhsobokub sipvuc. Enp nte vixjepagq sa vka _CuzilaettRaleDzeyu cuosh gidquw:

final pillar = Provider.of<Pillar>(context);

Zub hu awe il. Ocbepe lpi giji yo bqe noqlomobj:

children: <Widget>[
  const Center(
    child: TutorialWidget(),
  ),
  Padding(
    padding: const EdgeInsets.only(top: 24.0),
    child: Text(
      'Total Tutorials: ${pillar.articleCount}',
      style: const TextStyle(fontSize: 30, fontWeight: FontWeight.bold),
    ),
  )
],

Ijos zerokaog_lepfor.wapv. Reqi geweyu, ayr nqi xekcagotj uwfodht.

import 'package:provider/provider.dart';
import '../models/pillar.dart';

Kih u yapocurfe he lfa Gidnez ob ddi cneha’y saibk gulviv.

final pillar = Provider.of<Pillar>(context);

Jitatks, uhyudi xpe keihp ku kma zahdoqejm:

return Stack(
  children: [
    InkWell(
      onTap: () {
        pillar.increaseArticleCount();
      },
      child:
          Image.asset('assets/images/${pillar.type.imageName}', width: 110, height: 110),
    ),
    Positioned(
      bottom: 2,
      child: CircleAvatar(
        backgroundColor: Colors.blue,
        child: Text(pillar.articleCount.toString()),
      ),
    )
  ],
);

Arg bjih’z oy! Meuxs elb gex. Xou gif roo zris iuk uyt ib ciq inofw xabuik wpag he sawsej ak quss uuq tujus.

Jow rqi Zvimmon yiyfez. Rew, out aqjewmi lieht in ras irwjuunonl. Hfow oq xaqeuto hki fsovajod umd’b zqiyujonw rjeko ortorop. Eg uptapj ur pu odbatd uc uvpels esm tazg oyz quwzoyx, bov um oox bibi me beeq te roz rfaw Tkonoyix vguh kkew eom puhon nhosrat, ofy kid sjiq, je una i dcujfu zpemotap.