リアクションネイティブ：リアクションナビゲーション問題

Question

誰かが間違っていることを教えてもらえますか？

私はReact Nativeにはかなり新しく、ここからReact Navigatorの例に従っています。

アプリはExpo IDEで開発されています。

https://reactnavigation.org/docs/intro/quick-start

これはこれは、SRCの内側に位置していますRootNavigator.js

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

const HomeScreen =() => (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}> 
    <Text>Home Screen</Text> 
    </View> 
); 

const DetailsScreen =() => (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}> 
    <Text>Details Screen</Text> 
    </View> 
); 

const RootNavigator = StackNavigator({ 
    Home: { 
    screen: HomeScreen, 
    navigationOptions: { 
     headerTitle: 'Home', 
    }, 
    }, 
    Details: { 
    screen: DetailsScreen, 
    navigationOptions: { 
     headerTitle: 'Details', 
    }, 
    }, 
}); 

export default RootNavigator; 

Rootnavigator.jsのための私のsrcコードですApp.js

import React from 'react'; 
import { StyleSheet, Text, View } from 'react-native'; 
import { RootNavigator } from './src/RootNavigator'; 

export default class App extends React.Component { 
    render() { 
    return (
     <View style={styles.container}> 
     <RootNavigator /> 
     </View> 
    ); 
    } 
} 

const styles = StyleSheet.create({ 
    container: { 
    flex: 1, 
    backgroundColor: '#fff', 
    alignItems: 'center', 
    justifyContent: 'center', 
    }, 
}); 

のための私のsrcコードですフォルダ（スクリーンショット添付）

私のiPhoneで実行しようとすると、このエラーが発生します。

import { RootNavigator } from './src/RootNavigator'; 

import RootNavigator from './src/RootNavigator'; 

ここES6のインポート/エクスポートに関する

詳細情報に：あなたは無名の輸出であるexport default Appをやっている

Answer 1

は、したがって、あなたは変更する必要があります。 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export