CreateMaterialTopTabNavigator 如何添加第三个选项卡答案

【问题标题】：CreateMaterialTopTabNavigator how to add 3rd tabCreateMaterialTopTabNavigator 如何添加第三个选项卡
【发布时间】：2019-10-17 20:15:59
【问题描述】：

我正在学习 React Native，我确实设法启动并运行了 2 个标签栏。现在我正在尝试添加第三个标签栏，但每次我尝试添加第三个标签栏时，我只看到 2 个标签栏。我有点卡住了，希望有人可以帮助编写一些代码。

import React from 'react';
import {
    createMaterialTopTabNavigator,
} from 'react-navigation';
import FoldersList from '../screens/FoldersList';

const Routes = {
    Home: {
        screen: (props) => <FoldersList {...props} tabIndex={0}/>,
        navigationOptions: {
            title: 'Home'
        }
    },
    MyNewTab: {
        screen: (props) => <FoldersList {...props} tabIndex={1} createFolderTitle='Create new tab folder' />,
        navigationOptions: {
            title: 'My New Tab'
        }
    },
        MyThirdTab: {
        screen: (props) => <FoldersList {...props} tabIndex={2} createFolderTitle='Create new tab folder' />,
        navigationOptions: {
            title: 'My Third Tab'
        }
    }
}

const routeConfig = {
    swipeEnabled: false
}

export default TabNavigator = createMaterialTopTabNavigator({
    ...Routes
}, routeConfig);

【问题讨论】：

标签： react-native tabs react-navigation

【解决方案1】：

您的代码有语法错误，可能无法编译。更改以下内容：

export default TabNavigator = createMaterialTopTabNavigator({

到

export default createMaterialTopTabNavigator({

【讨论】：

感谢您的帮助，但没有奏效。