Scribd
Carregar
5 visualizações3 páginas

Indicador de Carregamento no React Native

O documento apresenta um exemplo de uso do componente ActivityIndicator no React Native, que exibe um indicador de carregamento circular. Inclui detalhes sobre as propriedades do componente, como 'animating', 'color', 'hidesWhenStopped' e 'size'. O código de exemplo demonstra como implementar diferentes tamanhos e cores do indicador.

Enviado por

leandro morais barbosa
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
5 visualizações3 páginas

Indicador de Carregamento no React Native

O documento apresenta um exemplo de uso do componente ActivityIndicator no React Native, que exibe um indicador de carregamento circular. Inclui detalhes sobre as propriedades do componente, como 'animating', 'color', 'hidesWhenStopped' e 'size'. O código de exemplo demonstra como implementar diferentes tamanhos e cores do indicador.

Enviado por

leandro morais barbosa
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd

22/11/23, 16:10 Indicador de atividade · React Native

Indicador de atividade
Exibe um indicador de carregamento circular.

#
ActivityIndicator Example

import React from 'react';


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

const App = () => (


<View style={[[Link], [Link]]}>
<ActivityIndicator />
<ActivityIndicator size="large" />
<ActivityIndicator size="small" color="#0000ff" />
<ActivityIndicator size="large" color="#00ff00" />
</View>
);

const styles = [Link]({


container: {
flex: 1,
justifyContent: 'center',
},
horizontal: {
flexDirection: 'row',
justifyContent: 'space-around',
padding: 10,
},
});

export default App;

Preview My Device iOS Android Web

Referência

[Link] 1/3
22/11/23, 16:10 Indicador de atividade · React Native

Ver
Herda adereços de visualização .

animating

Seja para mostrar o indicador ( true ) ou ocultá-lo ( false ).

TIPO PADRÃO

bool true

color

A cor de primeiro plano do controle giratório.

TIPO PADRÃO

null (cor padrão de destaque do sistema) Android

cor
'#999999' iOS

hidesWhenStopped iOS

Se o indicador deve ser ocultado quando não estiver animado.

TIPO PADRÃO

bool true

size

Tamanho do indicador.

[Link] 2/3
22/11/23, 16:10 Indicador de atividade · React Native

TIPO PADRÃO

enum( 'small' , 'large' )


'small'
número Android

Esta página é útil?

Edite essa página

Última atualização em21 de junho de 2023

[Link] 3/3

Você também pode gostar