title: Rectangle shape with two solid colors
body: <p>I'd like to create a rectangle shape with two solid colors (horizontally) to achieve something like this:</p>
  
  <p><img src="https://i.stack.imgur.com/CHJK1.png" alt="enter image description here"></p>
  
  <p>I heard about <code>layer-list</code>, i though i could use it to contains two rectangle with a different color but it seems that it only lays shapes vertically.</p>
  
  <p>Is there a way to achieve this using lalyer-list or should i use something totally different? I'd like to keep it simple with ability to change the shape colors at runtime.</p>
  
  <p>Thanks.</p>