Impossible de résoudre le module depuis App.js - React Native

Nov 26 2020

Je suis assez nouveau pour réagir et je sais que c'est quelque chose de stupide mais je ne peux vraiment pas le voir.

J'obtiens l'erreur suivante: Impossible de résoudre "./app/components/Apptext" à partir 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;

Ce qui précède est mon script AppText

c'est l'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>
    
    
    );
}

Réponses

MuralishankarSundaram Nov 26 2020 at 11:10

Veuillez vérifier l'ordre des dossiers à partir du fichier app.js /

NoamanKhalil Nov 27 2020 at 22:15

Je ne sais pas pourquoi mais react avait un problème avec la façon dont j'ai implémenté ce script, je l'ai changé de la manière ci-dessous et cela semble fonctionner correctement.

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;