title: Component spinner not working
body: <p>i create a component call Spinner so:</p>
  
  <p>//spinner.js</p>
  
  <pre class="lang-js prettyprint-override"><code>import React, { Component } from 'react';
  
  import {
      Image,
      StyleSheet,
      View,
      Text,
      KeyboardAvoidingView,
      TouchableHighlight,
      Modal,
      Button,
      ActivityIndicator,
  } from 'react-native';
  
  export default class Spinner extends Component{
  
  constructor(props){
      super(props);
      this.state={
          visible:this.props.visible
      };
      this._show=this._show.bind(this);
      this._hide=this._hide.bind(this);
  }
  
  render(){
      return(
          &lt;Modal
              animationType={'none'}
              transparent={true}
              visible={this.state.visible}
              onRequestClose={this.props.onDismissLoadingCallback}&gt;
              &lt;View style={{flex:1}}/&gt;
              &lt;View style={{
                  height:80,
                  width:80,
                  alignItems:'center',
                  justifyContent:'center',
                  backgroundColor:'#3434347f',
                  borderRadius:10,alignSelf:'center'}}&gt;
                  &lt;ActivityIndicator
                      animating={true}
                      size={"large"}
                      color={'white'}
                  /&gt;
              &lt;/View&gt;
              &lt;View style={{flex:1}}/&gt;
          &lt;/Modal&gt;
      );
  }
  _show() {
  this.setState({visible:true});
  }
  
  _hide(){
  this.setState({visible:false});
  }
  }
  </code></pre>
  
  <p>in this create methods _show() and _hide()</p>
  
  <p>but no working when is called from other class, i call from class Login.js</p>
  
  <pre class="lang-js prettyprint-override"><code>class Login extends Component {
      constructor(props) {
          super(props)
          this.state = { visible: false };
      }
  
  _onLoginPress() {
          this.Spinner._show()
              )
      }  
  
   _redirect() {
         this.Spinner._hide()
      }
          render() {
                  return (
           &lt;Spinner visible= {this.state.visible}/&gt;
           &lt;TouchableHighlight style={styles.button}
                      onPress={this._onLoginPress}
                      activeOpacity={1} &gt;
               &lt;Text style={styles.textButtonLogin}&gt;Visible&lt;/Text&gt;
            &lt;/TouchableHighlight&gt;
  
            &lt;TouchableHighlight style={styles.button}
                    onPress={this._redirect}
                    activeOpacity={1} &gt;
              &lt;Text style={styles.textButtonLogin}&gt;Not Visible&lt;/Text&gt;
            &lt;/TouchableHighlight&gt;
  
  )
  }
  </code></pre>
  
  <p>when set true in the constructor it if show, but when set false in the constructor it not show, it could show when press button _onLoginPress, and not show when is pressed button _redirect().</p>