No se puede resolver el módulo desde App.js - React Native
Nov 26 2020
Soy bastante nuevo para reaccionar y sé que esto es algo estúpido pero realmente no puedo verlo.
Recibo el siguiente error: No se puede resolver "./app/components/Apptext" de "App.js"
import React, { Component } from 'react';
import { Text,StyleSheet,Platform } from 'react-native';
function AppText ({children})
{
return <Text style = {styles.text}>{children}</Text>
}
const styles = StyleSheet.create({
text:{
color:"tomato",
...Platform.select({
ios:{
fontSize:20,
fontFamily:"Avenir"
},
android:{
fontSize:18,
fontFamily:"Roboto"
}
})
},
})
export default AppText;
Lo anterior es mi script de AppText
esta es la app.js
import { StatusBar } from 'expo-status-bar';
import React, { Fragment } from 'react';
import {Dimensions ,SafeAreaView, StyleSheet,TouchableWithoutFeedback,Alert, Text, View ,Image, Button,Platform, BackHandler} from 'react-native';
import{ useDimensions,useDeviceOrientation } from '@react-native-community/hooks';
import WelcomeScreen from './app/screens/WelcomeScreen';
import AppText from './app/components/Apptext';
export default function App() {
return (
<View style ={{flex:1,justifyContent:"center",alignItems:"center",}}>
<AppText>I like react</AppText>
</View>
);
}
Respuestas
MuralishankarSundaram Nov 26 2020 at 11:10
Verifique el orden de las carpetas en el archivo app.js /
NoamanKhalil Nov 27 2020 at 22:15
No tengo idea de por qué, pero Reaccionar tuvo un problema con la forma en que implementé este script, lo cambié a la forma siguiente y parece estar funcionando bien.
import React from "react";
import { Text, StyleSheet, Platform } from "react-native";
function AppText({ children, style }) {
return <Text style={[styles.text, style]}>{children}</Text>;
}
const styles = StyleSheet.create({
text: {
fontSize: 18,
fontFamily: Platform.OS === "android" ? "Roboto" : "Avenir",
},
});
export default AppText;