{"action":"opened","issue":{"url":"https://api.github.com/repos/facebook/react-native/issues/7987","repository_url":"https://api.github.com/repos/facebook/react-native","labels_url":"https://api.github.com/repos/facebook/react-native/issues/7987/labels{/name}","comments_url":"https://api.github.com/repos/facebook/react-native/issues/7987/comments","events_url":"https://api.github.com/repos/facebook/react-native/issues/7987/events","html_url":"https://github.com/facebook/react-native/issues/7987","id":158989741,"number":7987,"title":"ActivityIndicatorIOS doesn't hide initially in 0.27","user":{"login":"Purii","id":7056989,"avatar_url":"https://avatars.githubusercontent.com/u/7056989?v=3","gravatar_id":"","url":"https://api.github.com/users/Purii","html_url":"https://github.com/Purii","followers_url":"https://api.github.com/users/Purii/followers","following_url":"https://api.github.com/users/Purii/following{/other_user}","gists_url":"https://api.github.com/users/Purii/gists{/gist_id}","starred_url":"https://api.github.com/users/Purii/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Purii/subscriptions","organizations_url":"https://api.github.com/users/Purii/orgs","repos_url":"https://api.github.com/users/Purii/repos","events_url":"https://api.github.com/users/Purii/events{/privacy}","received_events_url":"https://api.github.com/users/Purii/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-06-07T18:17:25Z","updated_at":"2016-06-07T18:17:25Z","closed_at":null,"body":"There seems to be a bug with `ActivityIndicatorIOS ` in the latest stable release. \r\n\r\n1. Set `animating={false}` **dynamically** works as expected (ActivityIndicatorIOS is hidden)\r\n2. Set `animation={false}` as **initial prop** won't hide it.\r\n\r\n\r\n## Reproduce\r\n\r\n*I assume that HMR is enabled for steps 3-5. Otherwise just use the template below.*\r\n\r\n1. Fresh project: react-native init helloWorld\r\n2. Add `<ActivityIndicatorIOS animating={false} />` to `index.ios.js`\r\n3. Run the simulator, e.g. via `react-native run-ios` --> **Is shown and not animated**\r\n4. Change prop to `<ActivityIndicatorIOS animating={true} />` --> **Is shown and animated**\r\n5. Change prop back to `<ActivityIndicatorIOS animating={false} />` --> **Is hidden as it should**\r\n\r\n\r\n### Template\r\n\r\n```javascript\r\n...\r\nimport {\r\n  AppRegistry,\r\n  ActivityIndicatorIOS,\r\n  StyleSheet,\r\n  Text,\r\n  TouchableOpacity,\r\n  View,\r\n} from 'react-native';\r\n...\r\nclass helloWorld extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      animateActivityIndicatorIOS: false,\r\n    }\r\n  }\r\n  render() {\r\n    return (\r\n      <View style={styles.container}>\r\n        <TouchableOpacity onPress={() => this.setState({animateActivityIndicatorIOS: !this.state.animateActivityIndicatorIOS})}>\r\n          <Text>Toggle ActivityIndicatorIOS</Text>\r\n        </TouchableOpacity>\r\n        <Text>{'\\n'}This ActivityIndicatorIOS should be shown initially, although animating=false:{'\\n'}</Text>\r\n        <ActivityIndicatorIOS animating={this.state.animateActivityIndicatorIOS} />\r\n      </View>\r\n    );\r\n  }\r\n}\r\n```\r\n"}}
{"actor":{"display_login":"Purii"}}