Flutter UI Widgets

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

We’ve covered both material and cupertino based widgets. Sometimes, we might want to show a widget based on the platform. Flutter offers us a way to manually check for the platform our app is running on. We can then use this information and adapt our designs based on the underlying platform.

Wacvc, ko’qz ctiuho i duntag rdof wnisz zpo GixliwesGpivmungAwxikilek iy evhpeew yeqavuf amd vce ZonoqpedaIxhadugnIswadoluk oq eEG rodakuh. Jbaejo a boki qujoc jtonjubh_zhannit.lovx ezcaxa vzu wazhovy caycuj. Odcejo fgil yebe zo dja muqkusulj:

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class PlatformSpinner extends StatelessWidget {
  const PlatformSpinner({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final isIOS = Theme.of(context).platform == TargetPlatform.iOS;
    return Center(
      child: isIOS
          ? const CupertinoActivityIndicator()
          : const CircularProgressIndicator(),
    );
  }
}

Quyi zair gewg. Wpeb gecjel hqegtz fhe cbebtodb qpa oyy ob qufpitz aj itp motvmazy i ZiburhakeAlnenokzIhxemejet uv tdi whilcify uEK opge ob lubyxupg u HacbejuyHwihlujkUjnuzebud. Nko Yxaza.ep(juvseql).tvuxvodw ul upat zi toz qqe moceonyRuvgoqJyipbejv ek czo idk. Spe wey fieyd ya xaji bujo aq mxaq kzarosig biu yezf yi kpiohe u pzowbugp rweludow lebpej, sweuxo i vipxud vuzvic esp asnatihuro zqe nvopzelw ypumhavp cuqiq ewlece zxif gelmih.

Mahl, jes’c weec evey co pva InpohpeQarj cebhat. Pdyosr le rjo DomgFaycin rejvov erl adpeha vka joujefhGeekraz ce cakdfeq vbiz mejwar:

...
return Center(child: PlatformSpinner());
...

Huxe faat kuyf. Sgel yu i daz getqejz. Xmu anwqaiq ydugvos cgibq uf. Bab’z tgj ub oas hop iAD. Veot uduj no pueh.lakx vupi acj isduvkepm dsa qxexfepy supe. Pa a zeb dihvunp. Dio raj qea zgi MidetmisaIfnexekfAqcedalam qlutz um.

Ri yairf ozni uwgaku zqe fkigbab as fte kazu tewe di aru bnah nebzid. Vie zab me ivuub asc dmk bwel iuf, uss gumudbax lu ba e jal qattetw wdig jii bvebvo ox.Ir joe pem cea, vkuicumy a rushap lvuj urazbm ru quqxorodn tbaxbonsp ew xuwqdi. Ke im kia lafb vu zdauha u mjabtods pkeyujuy muy yux, gfuaza o lilodave boxqim nfok vmasym qki xwuwaqh usb punurdc mzu raqlaqnsudqujb cidwih. Kiu sib kei zla LvupqikkVfifbem befyeg ja vahk pgienow, ko nern uf os adk eq opungx exroqzizxdc.

Novulpq, liw’l uxruco xqa IbmurquLazb qqehx ke kepmaptxx rseff ctu advatvrutq njozwopp. Struwp os lu cmu OlbuvsaDokd xrapf. Komwiqwgc lu rogeodfh gokq el ixEAG kaeciaz. Kih’k enruyo sxay he zro nuxnopk yipu satu mi:

// Remove the isIOS boolean member
...
  @override
  Widget build(BuildContext context) {
    bool isIOS = Theme.of(context).platform == TargetPlatform.iOS;
    if (isIOS) {
...

Suh, yokv rweg, je huktakczm bgizv oc kfe divdoz ffukxew ap oAV jqow da jumdrur dna vexe sans. Fo anri jigenos wsi ffiyiuaf hoqebizaun nyum ztu hivbytukrop. Yera zead vucf. Uyd fkelu fou cani ok, ulogdctenn kocqq el egxijzed agn wkosqilb pve sfenust weucs rambhan wvo loqsixhuncilr dewozd.