ActivityIndicator

O ActivityIndicator é um componente em React Native que exibe um indicador de atividade, geralmente usado para sinalizar ao usuário que uma operação está em andamento, como o carregamento de dados. Aqui está um exemplo básico de como usar o componente ActivityIndicator:

import React from 'react';
import { View, ActivityIndicator, StyleSheet } from 'react-native';

const MeuComponente = () => {
  return (
    <View style={styles.container}>
      <ActivityIndicator size="large" color="#007AFF" />
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
});

export default MeuComponente;

Neste exemplo, ActivityIndicator é usado dentro de um componente de View para criar um indicador de atividade centralizado na tela. A propriedade size define o tamanho do indicador (pode ser “small” ou “large”) e color define a cor do indicador.

Props Importantes do ActivityIndicator:

• size: Tamanho do indicador (pode ser “small” ou “large”).
• color: Cor do indicador.
• animating: Se verdadeiro, o indicador será animado; se falso, o indicador será estático (por padrão, é verdadeiro).
• hidesWhenStopped: Se verdadeiro, o indicador será oculto quando não estiver animando; se falso, o indicador permanecerá visível mesmo quando parado (por padrão, é verdadeiro).

O ActivityIndicator é uma maneira eficaz de informar aos usuários que algo está acontecendo nos bastidores e geralmente é usado enquanto dados estão sendo carregados ou processados em um aplicativo React Native.