如何使tabbar的指标线在顶部而不在底部？

Question

我使用的是React-Native。经过到处搜索，我还是不知道如何让底部标签的指标线在顶部或底部。这是否可能？

我已经尝试过 指标风格 但它不工作。有谁有一个想法或建议？

const MyTabNavi = createBottomTabNavigator(
    {
      ...
    },
    {
        tabBarOptions: {
            ....
            indicatorStyle: {
                paddingBottom: 300,
                backgroundColor: '#46ff46',
                height: 50,
            }
        }
    }

Answer 1

IndicatorStyle只存在于TopTabNavigator中。参见下面的文档。

Top tabBarOptions:https:/reactnavigation.orgdocsmaterial-top-tab-navigator#tabbaroptions。

底部tabBarOptions。https:/reactnavigation.orgdocsbottom-tab-navigator#tabbaroptions。

在TopTabNavigator中，默认显示指标线。目前在React Navigation中存在一个BUG... 当设置tabStyle背景颜色时，指示线会消失。请看下面的问题。https:/github.comreact-navigationreact-navigationissues8012。