There seems to be a bug with ActivityIndicatorIOS in the latest stable release.
- Set
animating={false} dynamically works as expected (ActivityIndicatorIOS is hidden)
- Set
animation={false} as initial prop won't hide it.
Reproduce
I assume that HMR is enabled for steps 3-5. Otherwise just use the template below.
- Fresh project: react-native init helloWorld
- Add
<ActivityIndicatorIOS animating={false} /> to index.ios.js
- Run the simulator, e.g. via
react-native run-ios --> Is shown and not animated
- Change prop to
<ActivityIndicatorIOS animating={true} /> --> Is shown and animated
- Change prop back to
<ActivityIndicatorIOS animating={false} /> --> Is hidden as it should
Template
...
import {
AppRegistry,
ActivityIndicatorIOS,
StyleSheet,
Text,
TouchableOpacity,
View,
} from 'react-native';
...
class helloWorld extends Component {
constructor(props) {
super(props);
this.state = {
animateActivityIndicatorIOS: false,
}
}
render() {
return (
<View style={styles.container}>
<TouchableOpacity onPress={() => this.setState({animateActivityIndicatorIOS: !this.state.animateActivityIndicatorIOS})}>
<Text>Toggle ActivityIndicatorIOS</Text>
</TouchableOpacity>
<Text>{'\n'}This ActivityIndicatorIOS should be shown initially, although animating=false:{'\n'}</Text>
<ActivityIndicatorIOS animating={this.state.animateActivityIndicatorIOS} />
</View>
);
}
}
There seems to be a bug with
ActivityIndicatorIOSin the latest stable release.animating={false}dynamically works as expected (ActivityIndicatorIOS is hidden)animation={false}as initial prop won't hide it.Reproduce
I assume that HMR is enabled for steps 3-5. Otherwise just use the template below.
<ActivityIndicatorIOS animating={false} />toindex.ios.jsreact-native run-ios--> Is shown and not animated<ActivityIndicatorIOS animating={true} />--> Is shown and animated<ActivityIndicatorIOS animating={false} />--> Is hidden as it shouldTemplate