React-Navigation：TabNavigator返回什么？

Question

我正在研究ReactNative项目并且遇到了反应导航库的问题。

从react-navigation实施TabNavigator后，我一直看到一个空白屏幕。

这是Navigation.js的代码：

import { StackNavigator, TabNavigator } from 'react-navigation';
import PeopleList from './PeopleList';
import CompanyList from './CompanyList';
import AddPerson from './AddPerson';

const Navigation = TabNavigator({
    PeopleList: {
        screen: PeopleList
    },
    AddPerson: {
        screen: AddPerson
    },
    CompanyList: {
        screen: CompanyList
    },
}, {
    tabBarOptions: {
        activeTintColor: 'white',
        inactiveTintColor: '#80cbc4',
        swipeEnabled: true,
        showLabel: false,
        style: {
            backgroundColor: '#26a69a'
        },
    }
});

export default Navigation;

使用上面的代码，我只能得到一个空白的屏幕，没有任何错误或例外。

如果我只是返回一个“Text”标签，它将在模拟器屏幕上呈现：

const Navigation = () => {
    return (
        <Text>Test Navigation</Text>
    )
}

然后我可以在屏幕上看到“测试导航”。

我确信在Navigation.js中导入的组件都很好。所以我认为问题在于TabNavigator功能。我还比较了React Native Debugger中的结果。使用TabNavigator时，我的dom中有一个'Unknown'标签：

但如果我只使用'文字'，就没有名为'未知'的标签。

BTW我正在使用“react-navigation”：“^ 1.0.0-beta.11”。