Блог

Главная - Вопросы по программированию - React Native — Навигация по верхней панели — Индикатор

React Native — Навигация по верхней панели — Индикатор

#react-native

Вопрос:

Я хочу дополнить это : https://i.stack.imgur.com/NNrP3.png ,

Текущая ситуация такова : https://i.stack.imgur.com/s1rI5.png ,

Я не могу создать эту сероватую линию над каждой вкладкой, и мой фактический оранжевый индикатор будет переходить через эту серую линию, когда я перемещаюсь через свой навигатор.

Спасибо за всю помощь.

Комментарии:

1. Пожалуйста, поделитесь некоторым кодом, связанным с вашей проблемой. И, похоже, вы создали этот компонент. Я предлагаю вам использовать https://reactnavigation.org/ для управления навигацией.

Ответ №1:

В конце я выясняю, как это сделать, и вот пример, если у кого-то есть такая же проблема :

  tabBarOptions={{
    activeTintColor: getThemeColor("white", app.appTheme),
    style: {
      backgroundColor: getThemeColor("background"),
      elevation: 0,
      borderBottomWidth:_generalSize(1),
      borderBottomColor: getThemeColor('textInputPlaceholder'),
    },

Я просто поместил внутри стиль tabBarOptions: а затем поставил обычный бордюрный ботом.

Метки: