Как сделать так, чтобы строка индикатора на панели вкладок сверху не снизу

Question

Я использую для React-Native. После поиска везде я все еще не знаю, как сделать строку индикатора нижней вкладки сверху или снизу. Это возможно или нет?

Я уже пробовал IndicatorStyle , но это не работает. У кого-нибудь есть идея или предложение?

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

Answer 1

IndicatorStyle существует только в TopTabNavigator. См. Документы ниже:

Верхняя вкладкаBarOptions: https://reactnavigation.org/docs/material-top-tab-navigator#tabbaroptions

Нижняя вкладкаBarOptions: https://reactnavigation.org/docs/bottom-tab-navigator/#tabbaroptions

В TopTabNavigator, линия индикатора отображается по умолчанию. В настоящее время есть ошибка в React Navigation ... При установке tabStyle backgroundColor строка индикатора исчезает. Смотрите вопрос ниже: https://github.com/react-navigation/react-navigation/issues/8012