ActivityIndicator
ActivityIndicator is a built-in React Native component used to display a native loading spinner, commonly shown while data is being fetched or a task is in progress.
Basic Usage
Controlling Size
The size prop accepts either "small" or "large" (or a numeric value on Android), controlling the visual dimensions of the spinner.
Conditional Loading Indicator
ActivityIndicator is typically shown conditionally while a loading state is true, then hidden once data has finished loading.
Full-Screen Loading Overlay
A common pattern is centering the ActivityIndicator inside a full-screen View to create a loading overlay while the app fetches initial data.
Using ActivityIndicator Inside Buttons
ActivityIndicator is often placed inside a button component to indicate that a submit action, such as a login request, is currently processing.
Conclusion
ActivityIndicator provides a simple, native way to communicate loading states to users in React Native applications. Using it consistently across your app improves perceived performance and user experience during asynchronous operations.
