Example
Reference
Props
View props
Inherits View Props.animating
Whether to show the indicator (true) or hide it (false).
Documentation Index
Fetch the complete documentation index at: /docs/llms.txt
Use this file to discover all available pages before exploring further.
Displays a circular loading indicator.
import React from 'react';
import {ActivityIndicator, StyleSheet, 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;
true) or hide it (false).
| Type | Default |
|---|---|
| bool | true |
| Type | Default |
|---|---|
| color | null (system accent default color) ‘#999999’ |
| Type | Default |
|---|---|
enum('small', 'large') | 'small' |
Was this page helpful?
Supported devices
