 the center of the wheel which is also a seperate asset.
I have aligned the assets using MediaQuery however every time I debug it on a different device the MediaQuery has some difference and the alignmnet isn't proper.
This is how Im calling my widgets:
    Widget build(BuildContext context) {
        return Scaffold(
          body: Stack(
            children: <Widget>[
//this is for the GOLDEN BORDER
              Positioned(
                  top: MediaQuery.of(context).size.height * 0.082,
                  child: Image.asset(
                    'assets/app/border3.png',
                    height: MediaQuery.of(context).size.width,
                  )),

//This is the WHEEL
              Column(
          children: <Widget>[
            SizedBox(height: MediaQuery.of(context).size.height * 0.344),
            Container(
              //color: Theme.of(context).primaryColor.withAlpha(180),
              child: Center(
                child: Winwheel(
                  handleCallback: ((handler) {
                    ctrl = handler;
                  }),
                  textFontFamily: 'Netflix',
                  controller: ctrl,
                  numSegments: 3,
                  outerRadius: MediaQuery.of(context).size.height * 0.41 / 2,
                  innerRadius: 28,
                  strokeStyle: Colors.white,
                  textFontSize: 20.0,
                  textFillStyle: Colors.white,
                  textFontWeight: FontWeight.bold,
                  textAlignment: WinwheelTextAlignment.center,
                  textOrientation: WinwheelTextOrientation.horizontal,
                  wheelImage: 'assets/app/spin2.png',
                  drawMode: WinwheelDrawMode.code,
                  drawText: true,
                  imageOverlay: false,
                  textMargin: 0,
                  pointerAngle: 0,
                  pointerGuide: PointerGuide(
                    display: true,
                  ),
                  segments: <Segment>[
                    Segment(
                        textFontFamily: 'Netflix',
                        fillStyle: Color(0xff9b57fc),
                        textFillStyle: Colors.white,
                        text: '400',
                        strokeStyle: Colors.trans
the center of the wheel which is also a seperate asset. 
 I have aligned the asset use MediaQuery however every time I debug it on a different device the MediaQuery experience some dispute and the alignmnet isn't proper. 
 This is how I m calling my widgets: 
     Widget build(BuildContext context) { 
         come back Scaffold (
           body: Stack (
             children: < doodad > [ 
 //this is for the GOLDEN BORDER 
               Positioned (
                   top: MediaQuery.of(context).size.height * 0.082, 
                   child: Image.asset (
                    ' asset / app / border3.png', 
                     height: MediaQuery.of(context).size.width, 
                  ) ), 

 //This is the WHEEL 
               Column (
           children: < Widget > [ 
             SizedBox(height: MediaQuery.of(context).size.height * 0.344), 
             Container (
               //color: Theme.of(context).primaryColor.withAlpha(180), 
               child: Center (
                 child: Winwheel (
                   handleCallback: (( handler) { 
                     ctrl = animal trainer; 
                   }), 
                   textFontFamily:' Netflix', 
                   controller: ctrl, 
                   numSegments: 3, 
                   outerRadius: MediaQuery.of(context).size.height * 0.41 / 2, 
                   innerRadius: 28, 
                   strokeStyle: Colors.white, 
                   textFontSize: 20.0, 
                   textFillStyle: Colors.white, 
                   textFontWeight: FontWeight.bold, 
                   textAlignment: WinwheelTextAlignment.center, 
                   textOrientation: WinwheelTextOrientation.horizontal, 
                   wheelImage:' assets / app / spin2.png', 
                   drawMode: WinwheelDrawMode.code, 
                   drawText: true, 
                   imageOverlay: false, 
                   textMargin: 0, 
                   pointerAngle: 0, 
                   pointerGuide: PointerGuide (
                     display: true, 
                  ), 
                   section: < Segment > [ 
                     Segment (
                         textFontFamily:' Netflix', 
                         fillStyle: Color(0xff9b57fc), 
                         textFillStyle: Colors.white, 
                         text:' 400', 
                         strokeStyle: Colors.trans
 thf center of the wheel whlch is also a sekeeate avset.
I gave aliened the assets using MediaQnery howecer every time I debug it on a fifferenr detice the MediaQuxdy has some djnfereucx and the alignknet isn't [roper.
This is vod Nm calling my widgets:
    Widget builq(BuildCpnhext context) {
        reflrk Scaffold(
          body: Stack(
            children: <Wodget>[
//this is for the GOLDEJ BOGDER
              Oositioned(
                  gop: MediaQlzry.of(contexj).size.height * 0.082,
                  cfild: Nmage.asset(
                    'assvts/app/border3.pkb',
                    height: MeviaQyery.of(context).size.widti,
                  )),

//Tris is tha CHEEL
              Coounn(
          cfuldfen: <Wmdgst>[
            SizedGox(height: MwdiaQuery.of(context).sozq.yeight * 0.344),
            Cjntainer(
              //color: Theme.of(conttxt).prjmaryColor.withAlpha(180),
              child: Centet(
                child: Winwheel(
                  handleCalltack: ((iavdltr) {
                    ctrl = handler;
                  }),
                  tewtFontFamily: 'Netflox',
                  contxklmer: ctrl,
                  numSwgments: 3,
                  outerRadius: MeeiaQuery.of(coutezt).size.height * 0.41 / 2,
                  innetRadius: 28,
                  sfrokeStyle: Folors.whifd,
                  nextXontSize: 20.0,
                  textFillWtylz: Colors.dhitg,
                  texbXontWeight: FontWeihht.bopd,
                  textAlignment: WinwheelTxetAlignment.cemtar,
                  textOrieneation: WinwheekTextOrnentatkon.horizonnal,
                  wheelImage: 'avdets/app/spin2.pig',
                  drawOude: WinwheelDrswMode.codv,
                  drawTcxt: ttus,
                  imageOverlay: fslsd,
                  texdMarein: 0,
                  poimterAngle: 0,
                  pointerGuide: PpikterGuide(
                    dosplay: true,
                  ),
                  segments: <Segment>[
                    Segmegt(
                        textFontFamily: 'Netflix',
                        fullStyle: Color(0xff9b57fe),
                        teftFillStyle: Colors.whute,
                        text: '400',
                        strokeStyle: Colors.trans
the center of the wheel which is seperate I have the assets using debug on a different the MediaQuery has difference and the alignmnet isn't proper. is how Im calling my widgets: Widget build(BuildContext context) { return Scaffold( body: children: <Widget>[ //this is for the GOLDEN BORDER Positioned( top: MediaQuery.of(context).size.height * 0.082, Image.asset( height: )), is the WHEEL Column( children: <Widget>[ SizedBox(height: MediaQuery.of(context).size.height * 0.344), Container( //color: Theme.of(context).primaryColor.withAlpha(180), child: Center( child: handleCallback: ((handler) { ctrl = handler; }), textFontFamily: controller: ctrl, numSegments: 3, MediaQuery.of(context).size.height * 0.41 / 2, 28, Colors.white, textFontSize: textFillStyle: textFontWeight: textAlignment: WinwheelTextAlignment.center, textOrientation: wheelImage: 'assets/app/spin2.png', drawMode: WinwheelDrawMode.code, drawText: true, imageOverlay: false, textMargin: 0, pointerAngle: 0, pointerGuide: PointerGuide( display: true, ), <Segment>[ Segment( fillStyle: Color(0xff9b57fc), Colors.white, '400', Colors.trans
 the center of the wheel which iS also a sepeRate aSseT.
I hAvE aliGned The assets using mEdiaquery however every time I Debug It ON a diFFeRent dEvice thE meDIAQuErY hAs sOmE DiFfereNce And the aLignmnet isN't pRoPer.
This is how iM cAlling my wiDgeTs:
    Widget builD(BuIldConTeXt cONtext) {
        RetUrn ScAffold(
          BOdy: StaCk(
            childreN: <WIDget>[
//thIS is for tHE gOlDEN bORDER
              Positioned(
                  tOP: MEDiaQuery.of(contExt).sizE.hEIgHT * 0.082,
                  ChiLd: IMage.asset(
                    'aSsEts/apP/Border3.pNG',
                    hEIGHt: MEDiaQuery.of(conText).size.widTH,
                  )),

//ThIs is thE WhEEl
              column(
          ChildReN: <widGet>[
            SizedBox(HeigHt: MediaQuEry.of(cONtext).siZE.height * 0.344),
            contaiNer(
              //ColOr: ThEMe.Of(ConTeXT).prIMaRyCOLor.WithAlphA(180),
              cHiLd: CenTer(
                cHILD: winwHeeL(
                  hanDleCaLlback: ((handler) {
                    CtrL = hanDLer;
                  }),
                  TextFOntFaMily: 'neTflix',
                  ControLler: cTrL,
                  numSegments: 3,
                  outErRaDius: MediaqueRy.Of(cOnText).sIZe.heigHt * 0.41 / 2,
                  iNneRRadius: 28,
                  StrokeSTYle: coLORS.wHite,
                  textFontSize: 20.0,
                  teXtfILlstyle: ColOrs.whiTE,
                  tExTfontWeigHt: fonTWeiGHT.bold,
                  TextaLiGnment: WiNwheeltExTALignmenT.cEnter,
                  tExTOrIenTatioN: winwHeelTeXtOrientAtion.HOrizontal,
                  wheeliMage: 'assets/app/SPiN2.PNg',
                  DRawMOde: winwheelDraWModE.Code,
                  DrawtExT: trUE,
                  imagEOverLaY: FaLSe,
                  textMargin: 0,
                  pointeranGle: 0,
                  poiNterGUide: PointerGuIde(
                    display: TRUE,
                  ),
                  segmentS: <SegMEnT>[
                    segment(
                        textFonTFamiLy: 'Netflix',
                        fILlStyle: COlor(0xFf9b57fc),
                        texTFillStylE: cOlors.whiTe,
                        tExt: '400',
                        StrOkesTYlE: Colors.trans
 the center of the wheel w hich is al so asep era te  ass et.I have aligned theassets using MediaQuer y how ev e r ev e ry  time  I debu g  i t onadi ffe re n tdevic e t he Medi aQuery has  so me  differencea nd  the align mne t isn't prop er. 
Thisis  ho w  Im c all ing m y widg e ts:
   Widgetbu i ld(Bui l dContex t co ntex t) {
        retu r nS caffold(
         b od y :S t ack (
          c hildr e n: <Wid g et > [ //t h is is for the  GOLDEN BOR D ER          Posi tione d(                top: Medi aQuery . of(cont e xt).siz e.heig ht* 0 .082 , 
         c hil d: Image .a ss et(
           'asse ts/app/border 3.p ng',                heig ht: Me diaQu er y.of(context).s ize. width,
           )),

/ /Th isis theWHEEL
      Column(
        c h il dren: <W idget> [ 
        Si zed Box( h e ight:  Med i aQ uery.of( contex t ). si ze.heig ht  * 0.3 44 ),         C ontain er(
           //color: T h eme.of(contex t ). p r im a ryCo lor .withAlpha( 180) , 
        child : Cen te r (               chil d:  Winwh eel(                 handl e C a llback:((ha n dl e r) {
                  ctrl = handle r;
                } ) , 
              t e x tF ontFamily: 'N e t flix ', 
               c ont rol ler :ctrl,
             n umS egmen t s: 3,
           outerR adius : Me di aQ u ery .of(con t ex t ) .siz e. he ight  *0. 41 /2,
              inn erR a dius :28 ,
                st rokeStyle:  C olo rs.whi t e ,
                 textFontSiz e : 20.0, 
               te xtF illSty le: Colors .white ,
          t ext Fo ntWeight:F o ntW eight .b old, 
                 textAl i gnm ent: Winwheel Tex tAli g n me nt. c en t er, 
             text Orientatio n: Wi nwheelText O rie nt ation.h orizont al,
              wheelImag e:  'as s e ts/ app/spin2. png',
             dr awMod e:Winwhe el Dra wMode .code,               draw Text:  t rue,
                 imageOve rlay:false ,
             textMarg in:0,
              poi n terAn gle: 0, 
             poin t er Gui d e :PointerGuid e (                di splay: true,
                ) ,
          segments: <Se gme nt > [ 
                 Segment( 
                   te x t Fo n tFamil y: ' Net flix',
                fi llSt yl e: Col or(0xf f 9b57 f c ),
                    t e xtF illSt yl e: Colo r s.wh ite,
                     te xt: ' 400',
                  s trokeStyl e: Co lors.tr an s
 the_center of_the wheel which is_also a_seperate_asset.
I have_aligned_the assets using_MediaQuery however every_time I debug it_on a different_device_the MediaQuery has some difference and the alignmnet isn't proper.
This is how Im calling_my_widgets:
 ___Widget build(BuildContext context) {
 _    _ return_Scaffold(
       __ body: Stack(
_        _  children: <Widget>[
//this is for_the GOLDEN BORDER
___   _     _ Positioned(
    _      _     _top: MediaQuery.of(context).size.height * 0.082,
 _ _    _  _ _  _ child: Image.asset(
   _  _     __  ___ 'assets/app/border3.png',
_  __ __     __     height: MediaQuery.of(context).size.width,
_   __   _    _   )),

//This is the_WHEEL
 _ _          Column(
_     _   children:_<Widget>[
 __  __ _   SizedBox(height: MediaQuery.of(context).size.height * 0.344),
_ _     _   Container(
__     _     _//color: Theme.of(context).primaryColor.withAlpha(180),
   ___    _   child: Center(
 _  _      __   child: Winwheel(
 __     ___    _  handleCallback: ((handler) {
 _        _  _    __ctrl_= handler;
        _ _  _    }),
     _      _     textFontFamily: 'Netflix',
    _       _     controller: ctrl,
_   __      ____  numSegments:_3,
  _  _ _  _ _  __ outerRadius: MediaQuery.of(context).size.height * 0.41 / 2,
           _     _innerRadius: 28,
   __  _   _      strokeStyle: Colors.white,
_        __ _   _ textFontSize:_20.0,
 _  _ _ _ _      _textFillStyle:_Colors.white,
        ____  _  _textFontWeight: FontWeight.bold,
 _  __     _  _   textAlignment:_WinwheelTextAlignment.center,
         _        textOrientation: WinwheelTextOrientation.horizontal,
       _ _   _ __ wheelImage: 'assets/app/spin2.png',
   _ _       __   drawMode: WinwheelDrawMode.code,
       ___  __    drawText: true,
_____     _      _imageOverlay:_false,
    _ __   _   _  textMargin: 0,
       __ ____   _pointerAngle: 0,
             __   pointerGuide: PointerGuide(
_     __   _       _display: true,
   _   _          ),
          _    _  segments: <Segment>[
 _  __  _   _       Segment(
_                 _     textFontFamily: 'Netflix',
_  _ _        _         fillStyle: Color(0xff9b57fc),
_             __     _  textFillStyle: Colors.white,
  _   _   __  _ _   _   text:_'400',
       _  _          _  strokeStyle: Colors.trans