title: Getting Android SDK WebView and TabWidget to play nice
body: <p>I’m taking the <strong><a href="http://developer.android.com/guide/tutorials/views/hello-tabwidget.html" rel="nofollow noreferrer">HelloTabWidget</a></strong> Android example and trying two things:</p>
  
  <ul>
  <li>Moving the tabs to the bottom vs. the
  top (if that’s even desirable from an Android UI POV)</li>
  <li>Making each tab show a particular
  <strong>WebView</strong> in the space above </li>
  </ul>
  
  <p>I’ve got this for a layout (high level):</p>
  
  <pre><code>&lt;TabHost&gt;
    &lt;LinearLayout&gt;
      &lt;FrameLayout&gt;
        &lt;WebView/&gt;
        &lt;WebView/&gt;
        &lt;WebView/&gt;
        &lt;WebView/&gt;
        &lt;WebView/&gt;
      &lt;/FrameLayout&gt;
      &lt;TabWidget/&gt;
    &lt;/LinearLayout&gt;
  &lt;/TabHost&gt;
  </code></pre>
  
  <p>Everything has a width/height set to <code>fill_parent</code> except for the <strong>TabWidget</strong> which has its <code>layout_height</code> set to <code>wrap_content</code> (and the <code>layout_gravity</code> set to <code>bottom</code>).</p>
  
  <p>First thing I noticed is that <strong>WebView</strong>s don’t show anything until all the parents have width/height set to <code>fill_parent</code>. However, once I do that, they fill the entire display, obscuring the <strong>TabWidget</strong>.</p>
  
  <p>Is there some other trick to making these two views play nicely together?</p>