title: React Native: How to hide an element other than conditional render?
body: <p>How do I hide/show a View element other than conditional rendering (which would render the view every time) ?
  I tried setting the Height of the View to 0/1 but it doesn't work on IOS and defaults to the height of inner children.</p>
  
  <p>I need this to show the menu which would slide from top to bottom. This menu is also an overlay with absolute coordinates.</p>
  
  <pre><code>&lt;View style={styles.container}&gt;        
      &lt;Animated.View style={[styles.toggleMenu]} &gt;
          &lt;MenuScreen onPress={()=&gt;{this.toggleMenu()}}/&gt;
      &lt;/Animated.View&gt;
  &lt;/View&gt;
  
  Styles
  
  container: {
  flex: 1,  
  backgroundColor: '#FFFFFF',
  borderRadius: 8,
  borderColor: '#000000'
  },
  
  toggleMenu:{
  position: 'absolute',
  left: 0,
  top: 0,
  width:WindowSize.width,
  height: 0,
  backgroundColor: '#2b3643',
  opacity:0.95,
  padding:0,
  overflow: 'hidden'
  }
  </code></pre>
  
  <p>Thanks</p>