ActivityIndicator
Displays a circular loading indicator.
import React from 'react';
import { ActivityIndicator, StyleSheet, Text, View } from 'react-native';
const App = () => (
<View style={[styles.container, styles.horizontal]}>
<ActivityIndicator />
<ActivityIndicator size="large" />
<ActivityIndicator size="small" color="#0000ff" />
<ActivityIndicator size="large" color="#00ff00" />
</View>
);
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
},
horizontal: {
flexDirection: 'row',
justifyContent: 'space-around',
padding: 10,
},
});
export default App;
Whether to show the indicator (true
) or hide it (false
).
The foreground color of the spinner.
Type | Default |
---|
color | null (system accent default color) (Android)
'#999999' (iOS) |
Whether the indicator should hide when not animating.
Size of the indicator.
Type | Default |
---|
enum('small' , 'large' ) number (Android) | 'small' |