反應導航器空白屏幕

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

嘗試在您的MainScreen中添加一個高度。

做這樣的事情：

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

Answer 2

好像我忘了登記的主要應用程序組件。我加了AppRegistry.registerComponent('MyApp',() => AppNavigator);，它工作。

Answer 3

使用

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可以用這個目的地Documentation

static navigationOptions = { 
    title: 'Home', 
    }