Question

我想创建一个底部标签导航器，并导入3个类。但这是行不通的。该应用程序未引发任何错误，但无法打开。如果所有类都在同一个文件中，则可以正常工作。但是我确实需要导入，因为课程很多。每个班级都表现得很好。

我的代码：

import React, {Component} from 'react'
import {createBottomTabNavigator,createAppContainer} from 'react-navigation'
import FriendScreen from './screens/FriendScreen'
import InstructionsScreen from './screens/InstructionsScreen'
import ItemsScreen from './screens/ItemsScreen'
const TabNavigator=createBottomTabNavigator({Game:FriendScreen,Instructions:InstructionsScreen,Items:ItemsScreen},{initialRouteName:"Game"})
export default createAppContainer(TabNavigator)

我在互联网上阅读了许多代码段，但是找不到错误

Answer 1

错误是您没有遵循react-navigation定义的常规结构。

定义屏幕时，应该像这样：

RouteName:{
    screen:Component.
}

您的TabNavigator应该是：

const TabNavigator=createBottomTabNavigator({
    Game: { 
        screen : FriendScreen 
    },
    Instructions: { 
        screen : InstructionsScreen
    },
    Items:{ 
        screen : ItemsScreen
    }
},
{
    initialRouteName:"Game"
})

导入文件时，Tab Navigator不起作用

1 个答案: