使用 react-navigation 版本 5 的中间选项卡按钮

Question

我需要在应用的标签导航器中添加一个中间按钮。 It's easy to implement this feature using react-navigation 3，但是，react-navigation 5 具有不同的结构，我无论如何都找不到在导航器中插入自定义按钮或组件。

const Tab = createBottomTabNavigator();

const TabNavigator = props => {
    return (
        <NavigationContainer>
            <Tab.Navigator>
                <Tab.Screen name="Screen1" component={FirstScreen} />
                <Tab.Screen name="Screen2" component={SecondScreen} />

                {...here...}

                <Tab.Screen name="Screen3" component={ThirdScreen} />
                <Tab.Screen name="Screen4" component={ForthScreen} />
            </Tab.Navigator>
        </NavigationContainer>
    );
}

我能做什么？非常感谢任何帮助！

Answer 1

您可以使用 Tab.screen 标签内的 navigationOptions 专业人士并创建与旧版本相同的自定义视图。