Cuando te de error por algun motivo de rutas has el comando
npm start --reset-cache
Los componentes de React Native son muy similares a los de React, hay que tener cuiado por que los elementos aunque parezcan JSX no lo son
Creamos la carpeta src>components y a dentro el archivo LoginForm.jsx

Se importa el componente LoginForm en el App.js
import { StyleSheet, Text, View } from "react-native";
// Componentes
import LoginForm from "./src/components/LoginForm";
export default function App() {
return (
<View style={styles.container}>
<Text>Que chimba esto mka</Text>
<LoginForm />
</View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: "#fff",
alignItems: "center",
justifyContent: "center",
},
});
Y se crea un formulario en el componente LoginForm, ojo, para esto hay que crear un View que seria como nuestro React.Fragment
// Librerias
import React from "react";
import { Text, Button, TextInput, View } from "react-native";
/**
* Descripción: Este componente simula un formulario
*/
const LoginForm = () => {
return (
<View>
<TextInput placeholder="Email" />
<TextInput placeholder="Password" />
<Button title="Enviar" onPress={() => console.log("Enviando")} />
</View>
);
};
export default LoginForm;
<>
<View>
<Text>/<Text>
</View>
<View>
<TextInput />
</View>
</>