title: Responsive layout on Android
body: <p>I have three elements in layout, two TextViews and one ImageView between them. I'm trying to achieve this behavior:</p>
  
  <ol>
  <li>image (arrow) has 9patch</li>
  <li>image is wide as possible</li>
  <li>image has set minimal width</li>
  <li>right and left texts go wider with longer text but only to meet image's minWidth, then new line appears</li>
  </ol>
  
  <p>Below are few screenshots from Android Studio layout preview, gained with different layouts. </p>
  
  <p><a href="https://i.stack.imgur.com/tDTTu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tDTTu.png" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/NYmbD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NYmbD.png" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/t894H.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/t894H.png" alt="enter image description here"></a></p>
  
  <p>What I have tried:</p>
  
  <ul>
  <li>Relative layout: image centered, minWidth set, texts have set toRightOf/toLeftOf</li>
  <li>Relative layout: image has set toRightOf/toLeftOf </li>
  <li>Constraint layout: "constraint arrows" go from image to text</li>
  <li>Constraint layout: "constraint arrows" go from text to image</li>
  <li>Linear layout: using weight (not really responsive)</li>
  </ul>
  
  <p>What I always get:</p>
  
  <p><a href="https://i.stack.imgur.com/ApRix.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ApRix.png" alt="enter image description here"></a></p>
  
  <p>What I want seems quite straightforward to me but I cannot do it. Am I missing something or is it really impossible? Thank you in advance.</p>