documents/state_lifecycle.svg

<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill-opacity="1" color-rendering="auto" color-interpolation="auto" text-rendering="auto" stroke="black" stroke-linecap="square" width="533" stroke-miterlimit="10" shape-rendering="auto" stroke-opacity="1" fill="black" stroke-dasharray="none" font-weight="normal" stroke-width="1" height="174" font-family="'Dialog'" font-style="normal" stroke-linejoin="miter" font-size="12px" stroke-dashoffset="0" image-rendering="auto">
  <!--Generated by ySVG 2.5-->
  <defs id="genericDefs"/>
  <g>
    <defs id="defs1">
      <linearGradient x1="213" gradientUnits="userSpaceOnUse" x2="346" y1="240" y2="280" id="linearGradient1" spreadMethod="reflect">
        <stop stop-opacity="1" stop-color="rgb(232,238,247)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(183,201,227)" offset="100%"/>
      </linearGradient>
      <linearGradient x1="336" gradientUnits="userSpaceOnUse" x2="572" y1="240" y2="280" id="linearGradient2" spreadMethod="reflect">
        <stop stop-opacity="1" stop-color="rgb(232,238,247)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(183,201,227)" offset="100%"/>
      </linearGradient>
      <linearGradient x1="562" gradientUnits="userSpaceOnUse" x2="716" y1="240" y2="280" id="linearGradient3" spreadMethod="reflect">
        <stop stop-opacity="1" stop-color="rgb(232,238,247)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(183,201,227)" offset="100%"/>
      </linearGradient>
      <linearGradient x1="213" gradientUnits="userSpaceOnUse" x2="716" y1="171" y2="192" id="linearGradient4" spreadMethod="reflect">
        <stop stop-opacity="1" stop-color="rgb(232,238,247)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(183,201,227)" offset="100%"/>
      </linearGradient>
      <linearGradient x1="213" gradientUnits="userSpaceOnUse" x2="716" y1="136.5" y2="157.5" id="linearGradient5" spreadMethod="reflect">
        <stop stop-opacity="1" stop-color="rgb(232,238,247)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(183,201,227)" offset="100%"/>
      </linearGradient>
      <linearGradient x1="336" gradientUnits="userSpaceOnUse" x2="716" y1="205.5" y2="226.5" id="linearGradient6" spreadMethod="reflect">
        <stop stop-opacity="1" stop-color="rgb(232,238,247)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(183,201,227)" offset="100%"/>
      </linearGradient>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath1">
        <path d="M0 0 L533 0 L533 174 L0 174 L0 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath2">
        <path d="M198 121 L731 121 L731 295 L198 295 L198 121 Z"/>
      </clipPath>
    </defs>
    <g fill="url(#linearGradient1)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-198,-121)" stroke="url(#linearGradient1)">
      <path d="M218 240 L341 240 Q351 260 341 280 L218 280 Q208 260 218 240 Z" stroke="none" clip-path="url(#clipPath2)"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-198,-121)" stroke-linecap="butt">
      <path fill="none" d="M218 240 L341 240 Q351 260 341 280 L218 280 Q208 260 218 240 Z" clip-path="url(#clipPath2)"/>
      <path fill="none" d="M341 240 Q331 260 341 280" clip-path="url(#clipPath2)"/>
      <text x="257.8203" xml:space="preserve" y="264.7139" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">initState</text>
    </g>
    <g fill="url(#linearGradient2)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-198,-121)" stroke="url(#linearGradient2)">
      <path d="M341 240 L567 240 Q577 260 567 280 L341 280 Q331 260 341 240 Z" stroke="none" clip-path="url(#clipPath2)"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-198,-121)" stroke-linecap="butt">
      <path fill="none" d="M341 240 L567 240 Q577 260 567 280 L341 280 Q331 260 341 240 Z" clip-path="url(#clipPath2)"/>
      <path fill="none" d="M567 240 Q557 260 567 280" clip-path="url(#clipPath2)"/>
      <text x="417.9854" y="264.7139" clip-path="url(#clipPath2)" font-family="sans-serif" font-style="italic" stroke="none" xml:space="preserve">state lifecycle</text>
    </g>
    <g fill="url(#linearGradient3)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-198,-121)" stroke="url(#linearGradient3)">
      <path d="M567 240 L711 240 Q721 260 711 280 L567 280 Q557 260 567 240 Z" stroke="none" clip-path="url(#clipPath2)"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-198,-121)" stroke-linecap="butt">
      <path fill="none" d="M567 240 L711 240 Q721 260 711 280 L567 280 Q557 260 567 240 Z" clip-path="url(#clipPath2)"/>
      <path fill="none" d="M711 240 Q701 260 711 280" clip-path="url(#clipPath2)"/>
      <text x="618.3193" xml:space="preserve" y="264.7139" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">dispose</text>
    </g>
    <g fill="url(#linearGradient4)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-198,-121)" stroke="url(#linearGradient4)">
      <path d="M215.625 171 L713.375 171 Q718.625 181.5 713.375 192 L215.625 192 Q210.375 181.5 215.625 171 Z" stroke="none" clip-path="url(#clipPath2)"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-198,-121)" stroke-linecap="butt">
      <path fill="none" d="M215.625 171 L713.375 171 Q718.625 181.5 713.375 192 L215.625 192 Q210.375 181.5 215.625 171 Z" clip-path="url(#clipPath2)"/>
      <path fill="none" d="M713.375 171 Q708.125 181.5 713.375 192" clip-path="url(#clipPath2)"/>
      <text x="415.8057" xml:space="preserve" y="186.2139" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">widget is available</text>
    </g>
    <g fill="url(#linearGradient5)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-198,-121)" stroke="url(#linearGradient5)">
      <path d="M215.625 136.5 L713.375 136.5 Q718.625 147 713.375 157.5 L215.625 157.5 Q210.375 147 215.625 136.5 Z" stroke="none" clip-path="url(#clipPath2)"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-198,-121)" stroke-linecap="butt">
      <path fill="none" d="M215.625 136.5 L713.375 136.5 Q718.625 147 713.375 157.5 L215.625 157.5 Q210.375 147 215.625 136.5 Z" clip-path="url(#clipPath2)"/>
      <path fill="none" d="M713.375 136.5 Q708.125 147 713.375 157.5" clip-path="url(#clipPath2)"/>
      <text x="420.4697" xml:space="preserve" y="151.7139" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">mounted == true</text>
    </g>
    <g fill="url(#linearGradient6)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-198,-121)" stroke="url(#linearGradient6)">
      <path d="M338.625 205.5 L713.375 205.5 Q718.625 216 713.375 226.5 L338.625 226.5 Q333.375 216 338.625 205.5 Z" stroke="none" clip-path="url(#clipPath2)"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-198,-121)" stroke-linecap="butt">
      <path fill="none" d="M338.625 205.5 L713.375 205.5 Q718.625 216 713.375 226.5 L338.625 226.5 Q333.375 216 338.625 205.5 Z" clip-path="url(#clipPath2)"/>
      <path fill="none" d="M713.375 205.5 Q708.125 216 713.375 226.5" clip-path="url(#clipPath2)"/>
      <text x="475.3047" xml:space="preserve" y="220.7139" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">context is available</text>
    </g>
  </g>
</svg>