Lo que estoy tratando de hacer es cuando hago clic en el botón, desaparece, y cuando ya está cargado en otro componente, muestra nuevamente el botón.
Código JSX:
import { ActivityIndicator } from 'react-native'; {......} {/button besides loading/} <LinearGradient colors={['#D97B29', '#F2B47E']} style={styles.signIn} > <Text style={[styles.textSign, { color:'#fff' }]}>Entrar</Text> {/loading besides button /} <ActivityIndicator size="large" color="#D97B29" /> </LinearGradient> {...}¿Cómo puedo manejarlo con el useState?
Suponiendo que desea ocultar/mostrar el indicador cuando se presiona el botón, necesita
const [ showLoader, setShowLoader ] = useState(false);Su botón al presionar debería mostrar algo como
<Button onPress={() => setShowLoader(!showLoader)} text="Some text" />y su código debería verse como
{showLoader && ( <ActivityIndicator size="large" color="#D97B29" /> )} {!showLoader && <LinearGradient colors={['#D97B29', '#F2B47E']} style={styles.signIn} > <Text style={[styles.textSign, { color:'#fff' }]}>Entrar</Text> </LinearGradient> } ```algo como esto
{state && <ActivityIndicator size="large" color="#D97B29" />} si state es true , mostrará el componente