本机基础微调器不起作用

Question

I am trying to show a spinner on press of button in react-native, native-base after username is entered. It is not working. Here are my steps and code:

Steps:

1. set loading true in constructor
2. set loading false after fetching data

3. if loading true render spinner else load other screen.

    constructor(props) { super(props); this.state = { loading: true, } handleLoginPressed = async () => { //some code let resp = await tryAsk(this.state.sampleQuestion, this.state.username); this.setState({ loading: false }); } render() { if (this.state.fontsAreLoaded == true) { if (this.state.isLoggedIn === true) { if (this.state.loading === true){ <View><Spinner /></View> }else{ return ( <Somescreen/> ); } } 

Answer 1

Works fine for me This is with NativeBase 2.3.6

<Content>
  <Spinner />
  <Spinner color="red" />
  <Spinner color="green" />
  <Spinner color="blue" />
</Content>

Works with <View> as well

Answer 2

you forget return

constructor(props) {
        super(props);
        this.state = {
    loading: true,  
}
handleLoginPressed = async () => {

//some code

     let resp = await tryAsk(this.state.sampleQuestion, this.state.username);
     this.setState({            
              loading: false
          });

}

render() {
if (this.state.fontsAreLoaded == true) {
  if (this.state.isLoggedIn === true) {
    if (this.state.loading === true){
      return <Spinner />
    }else{   
    return (
      <Somescreen/>
    );
  }    
}