React navigatorブランク画面

Question

私はリアクションネイティブの反応ネイティブを使用しようとしていますが、空白の画面しか表示されません。ここで何が間違っていますか？

import React, { Component } from 'react'; 
import { Button } from 'react-native'; 
import { StackNavigator } from 'react-navigation'; 

class MainScreen extends Component { 
    render() { 
    return (
     <Button 
     title="Success" 
     /> 
    ); 
    } 
} 

const AppNavigator = StackNavigator(
    { 
    Index: { 
     screen: MainScreen 
    } 
    }, 
    { 
    initialRouteName: 'Index', 
    headerMode: 'none' 
    } 
); 

export default AppNavigator; 

Answer 1

メインスクリーンに高さを追加してみてください。

は次のように実行します。私は、メインアプリケーションのコンポーネントを登録するのを忘れたよう

return (
    <View style={{ flex: 1 }}> 
    <Button 
     title="Success" 
    /> 
    </View> 
); 

Answer 2

は思えます。私はAppRegistry.registerComponent('MyApp',() => AppNavigator);を追加しました。

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

class MainScreen extends Component { 
    render() { 
    return (
     <AppNavigator/> //this is for starting routing 
    ); 
    } 
} 

const AppNavigator = StackNavigator(
    { 
    Index: { 
     screen: MainScreen 
    } 
    }, 
    { 
    initialRouteName: 'Index', 
    headerMode: 'none' 
    } 
); 

export default MainScreen; 

Uが宛先のためにこれを使用できる使用

Answer 3

Documentation

static navigationOptions = { 
    title: 'Home', 
    }