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>
  </>