documents/widget_tree_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="1453" stroke-miterlimit="10" shape-rendering="auto" stroke-opacity="1" fill="black" stroke-dasharray="none" font-weight="normal" stroke-width="1" height="226" 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="-396.125" gradientUnits="userSpaceOnUse" x2="1026" y1="237" y2="323" 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="-145" gradientUnits="userSpaceOnUse" x2="376.25" y1="347" y2="433" id="linearGradient2" spreadMethod="reflect">
        <stop stop-opacity="1" stop-color="rgb(232,238,247)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(204,153,255)" offset="100%"/>
      </linearGradient>
      <linearGradient x1="-362.5625" gradientUnits="userSpaceOnUse" x2="-282.5625" y1="270" y2="310" 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="-292" gradientUnits="userSpaceOnUse" x2="-255" y1="270" y2="310" 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="-263.875" gradientUnits="userSpaceOnUse" x2="-123.625" y1="270" y2="310" id="linearGradient5" spreadMethod="reflect">
        <stop stop-opacity="1" stop-color="rgb(232,238,247)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(204,153,255)" offset="100%"/>
      </linearGradient>
      <linearGradient x1="-133.4375" gradientUnits="userSpaceOnUse" x2="-35.25" y1="270" y2="310" 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>
      <linearGradient x1="-45.25" gradientUnits="userSpaceOnUse" x2="98.75" y1="270" y2="310" id="linearGradient7" spreadMethod="reflect">
        <stop stop-opacity="1" stop-color="rgb(232,238,247)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(204,153,255)" offset="100%"/>
      </linearGradient>
      <linearGradient x1="87.19" gradientUnits="userSpaceOnUse" x2="150.5" y1="270" y2="310" id="linearGradient8" 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="140.5175" gradientUnits="userSpaceOnUse" x2="270.1875" y1="270" y2="310" id="linearGradient9" spreadMethod="reflect">
        <stop stop-opacity="1" stop-color="rgb(232,238,247)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(204,255,204)" offset="100%"/>
      </linearGradient>
      <linearGradient x1="-118.875" gradientUnits="userSpaceOnUse" x2="-38.875" y1="382" y2="422" id="linearGradient10" 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="-51.5" gradientUnits="userSpaceOnUse" x2="282.5" y1="382" y2="422" id="linearGradient11" 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="272.5" gradientUnits="userSpaceOnUse" x2="352.5" y1="382" y2="422" id="linearGradient12" 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="357.625" gradientUnits="userSpaceOnUse" x2="910.3125" y1="347" y2="433" id="linearGradient13" spreadMethod="reflect">
        <stop stop-opacity="1" stop-color="rgb(232,238,247)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(204,255,204)" offset="100%"/>
      </linearGradient>
      <linearGradient x1="382.5" gradientUnits="userSpaceOnUse" x2="464.5" y1="382" y2="422" id="linearGradient14" 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="454.375" gradientUnits="userSpaceOnUse" x2="798.625" y1="382" y2="422" id="linearGradient15" 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="789.5" gradientUnits="userSpaceOnUse" x2="869.5" y1="382" y2="422" id="linearGradient16" 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="260.5" gradientUnits="userSpaceOnUse" x2="464.5" y1="270" y2="310" id="linearGradient17" 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="454.375" gradientUnits="userSpaceOnUse" x2="633.375" y1="270" y2="310" id="linearGradient18" spreadMethod="reflect">
        <stop stop-opacity="1" stop-color="rgb(232,238,247)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(204,255,204)" offset="100%"/>
      </linearGradient>
      <linearGradient x1="623.75" gradientUnits="userSpaceOnUse" x2="910.3125" y1="270" y2="310" id="linearGradient19" 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="899" gradientUnits="userSpaceOnUse" x2="979" y1="270" y2="310" id="linearGradient20" 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 L1453 0 L1453 226 L0 226 L0 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath2">
        <path d="M-412 222 L1041 222 L1041 448 L-412 448 L-412 222 Z"/>
      </clipPath>
    </defs>
    <g fill="url(#linearGradient1)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,412,-222)" stroke="url(#linearGradient1)">
      <path d="M-385.375 237 L1015.25 237 Q1036.75 280 1015.25 323 L-385.375 323 Q-406.875 280 -385.375 237 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,412,-222)" stroke-linecap="butt">
      <path fill="none" d="M-385.375 237 L1015.25 237 Q1036.75 280 1015.25 323 L-385.375 323 Q-406.875 280 -385.375 237 Z" clip-path="url(#clipPath2)"/>
      <path fill="none" d="M1015.25 237 Q993.75 280 1015.25 323" clip-path="url(#clipPath2)"/>
      <text x="-348.6153" xml:space="preserve" y="255.0645" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">parent widget's state</text>
    </g>
    <g fill="url(#linearGradient2)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,412,-222)" stroke="url(#linearGradient2)">
      <path d="M-134.25 347 L365.5 347 Q387 390 365.5 433 L-134.25 433 Q-155.75 390 -134.25 347 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,412,-222)" stroke-linecap="butt">
      <path fill="none" d="M-134.25 347 L365.5 347 Q387 390 365.5 433 L-134.25 433 Q-155.75 390 -134.25 347 Z" clip-path="url(#clipPath2)"/>
      <path fill="none" d="M365.5 347 Q344 390 365.5 433" clip-path="url(#clipPath2)"/>
      <text x="-126.3194" xml:space="preserve" y="365.0645" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Child0 widget's state</text>
    </g>
    <g fill="url(#linearGradient3)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,412,-222)" stroke="url(#linearGradient3)">
      <path d="M-357.5625 270 L-287.5625 270 Q-277.5625 290 -287.5625 310 L-357.5625 310 Q-367.5625 290 -357.5625 270 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,412,-222)" stroke-linecap="butt">
      <path fill="none" d="M-357.5625 270 L-287.5625 270 Q-277.5625 290 -287.5625 310 L-357.5625 310 Q-367.5625 290 -357.5625 270 Z" clip-path="url(#clipPath2)"/>
      <path fill="none" d="M-287.5625 270 Q-297.5625 290 -287.5625 310" clip-path="url(#clipPath2)"/>
      <text x="-344.2422" xml:space="preserve" y="294.7139" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">initState</text>
    </g>
    <g fill="url(#linearGradient4)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,412,-222)" stroke="url(#linearGradient4)">
      <path d="M-287.375 270 L-259.625 270 Q-250.375 290 -259.625 310 L-287.375 310 Q-296.625 290 -287.375 270 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,412,-222)" stroke-linecap="butt">
      <path fill="none" d="M-287.375 270 L-259.625 270 Q-250.375 290 -259.625 310 L-287.375 310 Q-296.625 290 -287.375 270 Z" clip-path="url(#clipPath2)"/>
      <path fill="none" d="M-259.625 270 Q-268.875 290 -259.625 310" clip-path="url(#clipPath2)"/>
    </g>
    <g fill="url(#linearGradient5)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,412,-222)" stroke="url(#linearGradient5)">
      <path d="M-258.875 270 L-128.625 270 Q-118.625 290 -128.625 310 L-258.875 310 Q-268.875 290 -258.875 270 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,412,-222)" stroke-linecap="butt">
      <path fill="none" d="M-258.875 270 L-128.625 270 Q-118.625 290 -128.625 310 L-258.875 310 Q-268.875 290 -258.875 270 Z" clip-path="url(#clipPath2)"/>
      <path fill="none" d="M-128.625 270 Q-138.625 290 -128.625 310" clip-path="url(#clipPath2)"/>
      <text x="-217.7588" xml:space="preserve" y="287.3633" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">first build</text>
      <text x="-260.1191" xml:space="preserve" y="302.0645" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">return Child0 type widget</text>
    </g>
    <g fill="url(#linearGradient6)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,412,-222)" stroke="url(#linearGradient6)">
      <path d="M-128.4375 270 L-40.25 270 Q-30.25 290 -40.25 310 L-128.4375 310 Q-138.4375 290 -128.4375 270 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,412,-222)" stroke-linecap="butt">
      <path fill="none" d="M-128.4375 270 L-40.25 270 Q-30.25 290 -40.25 310 L-128.4375 310 Q-138.4375 290 -128.4375 270 Z" clip-path="url(#clipPath2)"/>
      <path fill="none" d="M-40.25 270 Q-50.25 290 -40.25 310" clip-path="url(#clipPath2)"/>
    </g>
    <g fill="url(#linearGradient7)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,412,-222)" stroke="url(#linearGradient7)">
      <path d="M-40.25 270 L93.75 270 Q103.75 290 93.75 310 L-40.25 310 Q-50.25 290 -40.25 270 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,412,-222)" stroke-linecap="butt">
      <path fill="none" d="M-40.25 270 L93.75 270 Q103.75 290 93.75 310 L-40.25 310 Q-50.25 290 -40.25 270 Z" clip-path="url(#clipPath2)"/>
      <path fill="none" d="M93.75 270 Q83.75 290 93.75 310" clip-path="url(#clipPath2)"/>
      <text x="-1.2637" xml:space="preserve" y="287.3633" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">more build</text>
      <text x="-39.6191" xml:space="preserve" y="302.0645" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">return Child0 type widget</text>
    </g>
    <g fill="url(#linearGradient8)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,412,-222)" stroke="url(#linearGradient8)">
      <path d="M92.19 270 L145.5 270 Q155.5 290 145.5 310 L92.19 310 Q82.19 290 92.19 270 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,412,-222)" stroke-linecap="butt">
      <path fill="none" d="M92.19 270 L145.5 270 Q155.5 290 145.5 310 L92.19 310 Q82.19 290 92.19 270 Z" clip-path="url(#clipPath2)"/>
      <path fill="none" d="M145.5 270 Q135.5 290 145.5 310" clip-path="url(#clipPath2)"/>
    </g>
    <g fill="url(#linearGradient9)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,412,-222)" stroke="url(#linearGradient9)">
      <path d="M145.5175 270 L265.1875 270 Q275.1875 290 265.1875 310 L145.5175 310 Q135.5175 290 145.5175 270 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,412,-222)" stroke-linecap="butt">
      <path fill="none" d="M145.5175 270 L265.1875 270 Q275.1875 290 265.1875 310 L145.5175 310 Q135.5175 290 145.5175 270 Z" clip-path="url(#clipPath2)"/>
      <path fill="none" d="M265.1875 270 Q255.1875 290 265.1875 310" clip-path="url(#clipPath2)"/>
      <text x="177.333" xml:space="preserve" y="287.3633" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">other build</text>
      <text x="138.9834" xml:space="preserve" y="302.0645" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">return Child1 type widget</text>
    </g>
    <g fill="url(#linearGradient10)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,412,-222)" stroke="url(#linearGradient10)">
      <path d="M-113.875 382 L-43.875 382 Q-33.875 402 -43.875 422 L-113.875 422 Q-123.875 402 -113.875 382 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,412,-222)" stroke-linecap="butt">
      <path fill="none" d="M-113.875 382 L-43.875 382 Q-33.875 402 -43.875 422 L-113.875 422 Q-123.875 402 -113.875 382 Z" clip-path="url(#clipPath2)"/>
      <path fill="none" d="M-43.875 382 Q-53.875 402 -43.875 422" clip-path="url(#clipPath2)"/>
      <text x="-100.5547" xml:space="preserve" y="406.7139" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">initState</text>
    </g>
    <g fill="url(#linearGradient11)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,412,-222)" stroke="url(#linearGradient11)">
      <path d="M-46.5 382 L277.5 382 Q287.5 402 277.5 422 L-46.5 422 Q-56.5 402 -46.5 382 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,412,-222)" stroke-linecap="butt">
      <path fill="none" d="M-46.5 382 L277.5 382 Q287.5 402 277.5 422 L-46.5 422 Q-56.5 402 -46.5 382 Z" clip-path="url(#clipPath2)"/>
      <path fill="none" d="M277.5 382 Q267.5 402 277.5 422" clip-path="url(#clipPath2)"/>
      <text x="94.1602" xml:space="preserve" y="406.7139" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">lifecycle</text>
    </g>
    <g fill="url(#linearGradient12)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,412,-222)" stroke="url(#linearGradient12)">
      <path d="M277.5 382 L347.5 382 Q357.5 402 347.5 422 L277.5 422 Q267.5 402 277.5 382 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,412,-222)" stroke-linecap="butt">
      <path fill="none" d="M277.5 382 L347.5 382 Q357.5 402 347.5 422 L277.5 422 Q267.5 402 277.5 382 Z" clip-path="url(#clipPath2)"/>
      <path fill="none" d="M347.5 382 Q337.5 402 347.5 422" clip-path="url(#clipPath2)"/>
      <text x="291.8193" xml:space="preserve" y="406.7139" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">dispose</text>
    </g>
    <g fill="url(#linearGradient13)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,412,-222)" stroke="url(#linearGradient13)">
      <path d="M368.375 347 L899.5625 347 Q921.0625 390 899.5625 433 L368.375 433 Q346.875 390 368.375 347 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,412,-222)" stroke-linecap="butt">
      <path fill="none" d="M368.375 347 L899.5625 347 Q921.0625 390 899.5625 433 L368.375 433 Q346.875 390 368.375 347 Z" clip-path="url(#clipPath2)"/>
      <path fill="none" d="M899.5625 347 Q878.0625 390 899.5625 433" clip-path="url(#clipPath2)"/>
      <text x="377.3117" xml:space="preserve" y="365.0645" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Child1 widget's state</text>
    </g>
    <g fill="url(#linearGradient14)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,412,-222)" stroke="url(#linearGradient14)">
      <path d="M387.5 382 L459.5 382 Q469.5 402 459.5 422 L387.5 422 Q377.5 402 387.5 382 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,412,-222)" stroke-linecap="butt">
      <path fill="none" d="M387.5 382 L459.5 382 Q469.5 402 459.5 422 L387.5 422 Q377.5 402 387.5 382 Z" clip-path="url(#clipPath2)"/>
      <path fill="none" d="M459.5 382 Q449.5 402 459.5 422" clip-path="url(#clipPath2)"/>
      <text x="401.8203" xml:space="preserve" y="406.7139" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">initState</text>
    </g>
    <g fill="url(#linearGradient15)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,412,-222)" stroke="url(#linearGradient15)">
      <path d="M459.375 382 L793.625 382 Q803.625 402 793.625 422 L459.375 422 Q449.375 402 459.375 382 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,412,-222)" stroke-linecap="butt">
      <path fill="none" d="M459.375 382 L793.625 382 Q803.625 402 793.625 422 L459.375 422 Q449.375 402 459.375 382 Z" clip-path="url(#clipPath2)"/>
      <path fill="none" d="M793.625 382 Q783.625 402 793.625 422" clip-path="url(#clipPath2)"/>
      <text x="605.1602" xml:space="preserve" y="406.7139" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">lifecycle</text>
    </g>
    <g fill="url(#linearGradient16)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,412,-222)" stroke="url(#linearGradient16)">
      <path d="M794.5 382 L864.5 382 Q874.5 402 864.5 422 L794.5 422 Q784.5 402 794.5 382 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,412,-222)" stroke-linecap="butt">
      <path fill="none" d="M794.5 382 L864.5 382 Q874.5 402 864.5 422 L794.5 422 Q784.5 402 794.5 382 Z" clip-path="url(#clipPath2)"/>
      <path fill="none" d="M864.5 382 Q854.5 402 864.5 422" clip-path="url(#clipPath2)"/>
      <text x="808.8193" xml:space="preserve" y="406.7139" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">dispose</text>
    </g>
    <g fill="url(#linearGradient17)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,412,-222)" stroke="url(#linearGradient17)">
      <path d="M265.5 270 L459.5 270 Q469.5 290 459.5 310 L265.5 310 Q255.5 290 265.5 270 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,412,-222)" stroke-linecap="butt">
      <path fill="none" d="M265.5 270 L459.5 270 Q469.5 290 459.5 310 L265.5 310 Q255.5 290 265.5 270 Z" clip-path="url(#clipPath2)"/>
      <path fill="none" d="M459.5 270 Q449.5 290 459.5 310" clip-path="url(#clipPath2)"/>
    </g>
    <g fill="url(#linearGradient18)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,412,-222)" stroke="url(#linearGradient18)">
      <path d="M459.375 270 L628.375 270 Q638.375 290 628.375 310 L459.375 310 Q449.375 290 459.375 270 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,412,-222)" stroke-linecap="butt">
      <path fill="none" d="M459.375 270 L628.375 270 Q638.375 290 628.375 310 L459.375 310 Q449.375 290 459.375 270 Z" clip-path="url(#clipPath2)"/>
      <path fill="none" d="M628.375 270 Q618.375 290 628.375 310" clip-path="url(#clipPath2)"/>
      <text x="515.8613" xml:space="preserve" y="287.3633" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">more build</text>
      <text x="477.5059" xml:space="preserve" y="302.0645" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">return Child1 type widget</text>
    </g>
    <g fill="url(#linearGradient19)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,412,-222)" stroke="url(#linearGradient19)">
      <path d="M628.75 270 L905.3125 270 Q915.3125 290 905.3125 310 L628.75 310 Q618.75 290 628.75 270 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,412,-222)" stroke-linecap="butt">
      <path fill="none" d="M628.75 270 L905.3125 270 Q915.3125 290 905.3125 310 L628.75 310 Q618.75 290 628.75 270 Z" clip-path="url(#clipPath2)"/>
      <path fill="none" d="M905.3125 270 Q895.3125 290 905.3125 310" clip-path="url(#clipPath2)"/>
    </g>
    <g fill="url(#linearGradient20)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,412,-222)" stroke="url(#linearGradient20)">
      <path d="M904 270 L974 270 Q984 290 974 310 L904 310 Q894 290 904 270 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,412,-222)" stroke-linecap="butt">
      <path fill="none" d="M904 270 L974 270 Q984 290 974 310 L904 310 Q894 290 904 270 Z" clip-path="url(#clipPath2)"/>
      <path fill="none" d="M974 270 Q964 290 974 310" clip-path="url(#clipPath2)"/>
      <text x="918.3193" xml:space="preserve" y="294.7139" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">dispose</text>
    </g>
  </g>
</svg>