#react-native #react-native-navigation #react-navigation-bottom-tab
Вопрос:
Я хочу разместить значок «Мой дом» над панелью вкладок, но он обрезается, может ли кто-нибудь подсказать, как это сделать.. цель также прикрепить скриншот и структуру стека навигации
stack navigation
-1. drawer nav
-a. Tab nav
position: 'absolute',
bottom: 20,
height: 58,
width: 58,
borderRadius: 58,
backgroundColor: colors.primaryColor,
justifyContent: 'center',
alignItems: 'center',
shadowColor: '#000',
shadowOffset: {
width: 0,
height: 3,
},
shadowOpacity: 0.29,
shadowRadius: 4.65,
elevation: 7,
flex: 1,
Ответ №1:
Вы пробовали поиграть со свойством zIndex каждого из компонентов ? или, может быть, свойство переполнения ? … трудно сказать, не взглянув на структуру кода.
Другим решением было бы создать компонент для кнопки, которую вы хотите перекрыть.
Комментарии:
1. Просто чтобы быть более конкретным, я бы предложил добавить zindex: 0 в родительский компонент и zindex:1 в дочерний. Опять же, решение может отличаться в зависимости от того, как вы структурировали код.