No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Creación de componentes

9/16
Recursos

Aportes 5

Preguntas 2

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

Otro aporte por aquí chicos:

Para los que vienen de React, sabrán que también pueden utilizar un Fragment para definir un nivel más alto dentro de un componente, prácticamente un View o múltiples View.

Pueden hacerlo así en el caso de que lo necesiten:

<>
<View>
	<Text>/<Text>
</View>
<View>
	<TextInput />
</View>
</>

Recuerden que existen componentes que se autocierran como:

<TextInput />, <FlatList />, etc.

También existen los higherOrderComponents (un componente que devuelve o encapsula a otro componente)

<View>
</View>
<PokeBackground>
	<View>
		<Text>
		</Text>
	</View>
</PokeBackground>

Como aporte, quiero añadir que ya no es necesario importar React en cada componente. Desde las ultimas versiones de React hace ninguna diferencia Por lo que el código podría quedar así y seguir funcionando
.

Tiene mucha similitud a React, bueno creo que era obvio.

Para crear un input tipo contraseña, podemos usar el atributo “secureTextEntry”

<TextInput placeholder='Pass' secureTextEntry />
<TextInput placeholder='Pass' secureTextEntry={true} />

src/components/LoginForm.jsx

Usando inputs de react native:

  • TextInput
  • Button
import React from "react";
import { TextInput, Button, Text, View } from "react-native";

export default function LoginForm() {
  return (
    <View>
      <Text>Login</Text>
      <TextInput placeholder="Email" />
      <TextInput placeholder="Password" />
      <Button title="Send" onPress={() => console.log("Sending...")} />
    </View>
  );
}