Как убрать нижнюю границу вкладки навигатора (реагировать-навигация)

Question

В реакции навигации v5, при реализации materialTopTabNavigator, как удалить нижнюю горизонтальную границу, разделяющую меню вкладок и отдельные страницы вкладок?

Я пробовал borderWidth, borderBottomWidth, borderTopWidth в tabBarOptions.style, чтобы безрезультатно.

Answer 1

Суть не в границе, а в тени (на iOS) и возвышении (на Android). Итак, исправление:

<Tab.Navigator
    tabBarOptions={{
        style: {
            elevation: 0,   // for Android
            shadowOffset: {
                width: 0, height: 0 // for iOS
            },
        }
    }}
>
// ...

Кроме того, на Android при нажатии на значок на короткое время появляется линия индикатора внизу. Сделайте это невидимым, установив высоту в indicatorStyle:

<Tab.Navigator
    tabBarOptions={{
        indicatorStyle: {
            width: 0, height: 0, elevation: 0,      
        }
>
// ...