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

Question

我需要在应用程序的标签导航器中添加一个中间按钮。 使用 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 专业人士，并创建与旧版本相同的自定义视图。