Como usar um componente funcional customizado no React Native

Como usar um componente funcional customizado no React Native?? Eu realmente construo um componente funcional de login como no React, mas não existe um “div” eu fiz uma “View” por que isso não funciona?

import React from 'react';
    import { Text, View } from 'react-native';

    const Login = () => {
    return (
        <View>
          <Text>Oi</Text>
        </View>
      );
    }
    export default Login;

--------------------------------- 
    import React from 'react';
    import {Login} from './components/Login/Login';
    import { Text, View } from 'react-native';
    
    const App = () => {
        return (
        <View>
          <Login/>
       </View>
        )
     }
     export default App;

Você trocou a ordem dos named exports e os default exports, isso aqui deve resolver:

import React from 'react';
    import { Text, View } from 'react-native';

    const Login = () => {
    return (
        <View>
          <Text>Oi</Text>
        </View>
      );
    }
    export default Login;

--------------------------------- 
    import React from 'react';
    import Login from './components/Login/Login';
    import { Text, View } from 'react-native';
    
    const App = () => {
        return (
        <View>
          <Login/>
       </View>
        )
     }
     export default App;

Quando você usa export default Login, você tem que importar como um default import usando import Login from './components/Login/Login'.