title: Avoiding a big image push other layouts out of the screen
body: <p>I've tried for hours but nothing achieved.</p>
  <p>Thats my code:</p>
  <pre><code>&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
  &lt;LinearLayout
      xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
      android:orientation=&quot;vertical&quot;
      android:layout_width=&quot;fill_parent&quot;
      android:layout_height=&quot;fill_parent&quot;
      android:gravity=&quot;center&quot;&gt;
     
      &lt;LinearLayout
          android:layout_height=&quot;wrap_content&quot;
          android:id=&quot;@+id/linearLayout1&quot;
          android:orientation=&quot;vertical&quot;
          android:layout_width=&quot;wrap_content&quot;
          android:layout_gravity=&quot;center&quot;&gt;
          &lt;TextView
              android:layout_gravity=&quot;center&quot;
              android:layout_height=&quot;wrap_content&quot;
              android:layout_width=&quot;wrap_content&quot;
              android:text=&quot;A dog&quot;
              android:id=&quot;@+id/textView1&quot;
              android:textSize=&quot;50sp&quot;&gt;&lt;/TextView&gt;
          &lt;ImageView
              android:layout_height=&quot;wrap_content&quot;
              android:layout_width=&quot;wrap_content&quot;
              android:src=&quot;@drawable/dog&quot;
              android:id=&quot;@+id/imageView1&quot;&gt;&lt;/ImageView&gt;
      &lt;/LinearLayout&gt;
     
  &lt;/LinearLayout&gt;
  </code></pre>
  <p>As you can see in the following screen everything is ok in small and big screens</p>
  <p><img src="https://i.stack.imgur.com/E6y60.jpg" alt="Title in the top" /></p>
  <p>But what I really need is to put the text below the image. Changing their order in the container the result is:</p>
  <p><img src="https://i.stack.imgur.com/ND6yg.jpg" alt="Tittle in the bottom" /></p>
  <p>It works nice for screens taller than the image but for small screens the text is not visible. How can I solve that issue? Please for the solution consider those points:</p>
  <ul>
  <li>The layout that contains the image and text must be centered in his parent (for that example the base layout) (especially for long screens)</li>
  <li>The drawable should keep its original size if screen is big enought, and reduced (keeping the aspect ratio) when the screen is smaller</li>
  </ul>
  <p>Thanks in advance</p>