2017-10-17 9 views
0

So bin ich neu zu reagieren native und ich bin dabei tutorial video, und ich kann nicht scheinen, in der Lage, die "Splash" -Komponente zu importieren.cant Komponente importieren reagieren native

Dies ist die Fehlermeldung, die ich

Fehlermeldung enter image description here

Und das ist der Code, den ich

import React, { Component } from 'react'; 
import { 
    Platform, 
    StyleSheet, 
    Text, 
    View, 
    Image, 
    TextInput, 
} from 'react-native'; 

import Splash from './splash'; 


export default class App extends Component<{}> { 
    render() { 
    return (

     <Splash/> 
    ); 
    } 
} 

Und die Komponente Ich möchte

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

export default class Splash extends Component { 
    render() { 
     return(
      <View style={styles.wrapper}> 
       <View style={styles.titleWrapper}> 
        <Text style={styles.title}>Hello World!</Text> 
       </View> 
       <View> 
        <Text style={styles.subtitle}>Powered by React 
Native</Text> 
       </View> 
      </View> 
     ); 
    } 

} 

const styles = Stylesheet.create({ 
    wrapper: { 
     backgroundColor: 'red', 
     flex: 1, 
     justifyContent: 'center', 
     alignItems: 'center' 
    }, 

    title: { 
     color: 'white', 
     fontSize: 35, 
     fontWeight: 'bold', 
    }, 

    subtitle: { 
     color: 'white', 
     fontWeight: '200', 
     paddingBottom: 20 

    }, 

    titleWrapper: { 
     justifyContent: 'center', 
     flex: 1 
    } 
}); 
importieren erhalten geschrieben haben

Jede Hilfe wäre sehr geschätzt.

Antwort

0

Es gibt 2 Lösungen, die Sie tun können.
1) Haben Sie versucht, den Emulator erneut auszuführen? Manchmal müssen Sie den Emulator nur noch einmal ausführen, da er Ihre Dateien beim ersten Lauf nicht abruft.
2) import Spalsh from './Splash Sie müssen Ihre Splash
3) Überprüfen Sie Ihren Dateipfad zu splash. Es ist höchstwahrscheinlich inkorrekt.

+0

Ja das war es, ich musste 'Splash' groß schreiben und einen Tippfehler mit' StyleSheet' beheben –

Verwandte Themen