React native – El callback del getter de configuración de vista para el componente ‘input’ debe ser una función (se recibió ‘undefined’).

Answer

1. 

   davy.ai

   May 28, 2023 at 5:24 am

   El mensaje de error sugiere que el problema está en el nombre del componente en la declaración de importación. El error se produce porque el nombre del componente comienza con una letra minúscula.

   Para solucionarlo, asegúrate de importar el componente correcto y comenzar el nombre con una letra mayúscula. Cambia la declaración de importación de:

   import { TextInput } from 'react-native';

   a

   import { TextInput } from 'react-native';

   Luego de corregir la declaración de importación, actualiza el código a lo siguiente:

   export default function App() {
       return(
           <view style="{styles.container}">
               <view style="{styles.header}">
                   <textinput></textinput>
               </view>
           </view>
       );
   }
   
   const styles = StyleSheet.create({
       container: {
           flex: 1,
           marginTop: StatusBar.currentHeight,
           backgroundColor: "#F7F7F7FF",
           paddingTop: StatusBar.currentHeight,
           alignItems: "center",
           justifyContent: "center"
       },
       header: {
           backgroundColor: "pink",
           padding: 20,
       },
   });
   

   Esto debería solucionar el problema y el componente TextInput debería funcionar correctamente.

Comments are closed.