React-native: bug in android on ActivityIndicator!!

[aqnaruto]

when init the ActivityIndicator 's animating atrribute to be false , it will never be show if you rerender it .

here is source code

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  ActivityIndicator,
  View
} from 'react-native';

export default class AwesomeProject extends Component {

constructor(){
      super()
        this.state = {
             isloading:false,
        }
    }

  render() {
    return (


      <View style={{flex:1}}>
          <Text  onPress={()=>{
            this.setState({isloading:!this.state.isloading })
          }}>
          click-isloading</Text>
          <ActivityIndicator  animating={this.state.isloading}/>
        </View>



    );
  }
}


AppRegistry.registerComponent('AwesomeProject', () => AwesomeProject);

---

android 6.1 ,reactnative 0.39 ，the latest version

[johnryan]

By default the ActivityIndicator hides when it is stopped. See "hidesWhenStopped": https://facebook.github.io/react-native/docs/activityindicator.html#hideswhenstopped

[aqnaruto]

yeah,but when i setstate animating :true it is still hide . if you initial false it is will never show @johnryan

[vonovak]

I have met similar bugs. It is not about activity indicator but how the scene is re-rendered. Interesting is that this rnplay works.
you can work around it by saying {this.state.isloading && <ActivityIndicator/>}

[knapeto]

I have same problem. Any solution?

[vonovak]

@knapeto have you tried what I suggested?

[aqnaruto]

@vonovak great!!! ,thank you ,but why?

[hramos]

Hi there! This issue is being closed because it has been inactive for a while. Maybe the issue has been fixed in a recent release, or perhaps it is not affecting a lot of people. Either way, we're automatically closing issues after a period of inactivity. Please do not take it personally!

If you think this issue should definitely remain open, please let us know. The following information is helpful when it comes to determining if the issue should be re-opened:

• Does the issue still reproduce on the latest release candidate? Post a comment with the version you tested.
• If so, is there any information missing from the bug report? Post a comment with all the information required by the issue template.
• Is there a pull request that addresses this issue? Post a comment with the PR number so we can follow up.

If you would like to work on a patch to fix the issue, contributions are very welcome! Read through the contribution guide, and feel free to hop into #react-native if you need help planning your contribution.

[babycannotsay]

I met the same problem on android device, but iphone not.
@vonovak your method is perfect.

[agitnaeta]

Hey there ive some problem its want be loading event i change it on true when onPress or using other method ,,