Modul aus App.js - React Native kann nicht aufgelöst werden
Nov 26 2020
Ich bin ziemlich neu zu reagieren und ich weiß, dass dies etwas Dummes ist, aber ich kann es wirklich nicht sehen.
Ich erhalte die folgende Fehlermeldung: "./app/components/Apptext" kann nicht aus "App.js" aufgelöst werden.
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;
Das obige ist mein AppText-Skript
das ist die 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>
);
}
Antworten
MuralishankarSundaram Nov 26 2020 at 11:10
Bitte überprüfen Sie die Ordnerreihenfolge in der Datei app.js /
NoamanKhalil Nov 27 2020 at 22:15
Keine Ahnung warum, aber reagieren hatte ein Problem mit der Implementierung dieses Skripts. Ich habe es wie folgt geändert und es scheint gut zu funktionieren.
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;