React-nativeのスプラッシュスクリーンと反応ナビゲーション

Question

上記の図書館react-native-splash-screenとreact-navigationのいずれかを使用しようとしています。私はこれを得る

。コードが

は、以下：

index.android.js

import { AppRegistry } from 'react-native'; 
import App from './app/index'; 

AppRegistry.registerComponent('RecallNotes',() => App); 

index.js

import React, { Component } from 'react'; 
import Root from 'config/router'; 
import { 
    View, 
} from 'react-native'; 
import SplashScreen from 'react-native-smart-splash-screen'; 


export default class App extends Component { 
    componentDidMount() { 
    //SplashScreen.close(SplashScreen.animationType.scale, 850, 500) 
     SplashScreen.close({ 
      animationType: SplashScreen.animationType.scale, 
      duration: 850, 
      delay: 500, 
     }) 
    } 

    render() { 
     return <Root />; 
    } 
} 

router.js

import React from 'react'; 
import { StackNavigator } from 'react-navigation'; 

import DeckView from 'screens/deckview'; 

export const Root = StackNavigator({ 
    Home: { 
     screen: DeckView 
    }, 
},{ 
    mode: 'modal', 
    headerMode: 'none', 
}); 

はをdeckview.js

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

/* 
* DeckView class 
* This is the component of the deck image 
*/ 
export default class DeckView extends Component{ 

    render(){ 
     return(
     <View> 
      <Text>Welcome to React Native!</Text> 
     </View> 
    ); 
    } 
} 

私のアプリ全体のナビゲーションにStackNavigatorを使用する必要がありますか、このコードを修正した上で上記のコードをそのまま使用できますか？ありがとう。 index.jsで

Answer 1

、変更：

import Root from 'config/router';

へ：

​​

あなたはrouter.js