React native 选项卡导航器-错误：导航选项中定义的键“tabBar”无效

我试图使用react navigation TabNavigator来显示选项卡菜单，但我要么得到下面的红色屏幕错误，要么如果我更改键的名称，我会得到一个空白屏幕

我正在使用：

react-native: 0.51.0
npm: 4.6.1

这是我的router.js文件：

从“React”导入React； 从“反应导航”导入{TabNavigator}； 从“react native elements”导入{Icon}； 从“../screens/BooksList”导入BooksList； 从“../screens/FilmsList”导入FilmsList； 导出常量选项卡=选项卡导航器{ 书目：{ 屏幕：图书列表， 导航选项：{ 选项卡栏：{ 标签：书籍， 图标：{tintColor}=> } } } }; 试试这个

import React from 'react';
import { TabNavigator } from 'react-navigation';
import { Icon } from 'react-native-elements';

import BooksList from '../screens/BooksList';
import FilmsList from '../screens/FilmsList';

export const Tabs = TabNavigator({
    BooksList: {
        screen: BooksList,
        navigationOptions: {
            tabBarLabel: "Books",
            tabBarIcon: ({ tintColor }) =>
                <Icon name="list" size={35} color={tintColor} />
            }
        }
});