Как правильно настроить глубину элементов в react-native?

Question

[Ulug]

Добрый день всем кто читает, делаю приложение на RN, и у меня возникла проблема с элементами перекрывающими другие элементы, к примеру: сделал полностью кастомное модальное окно и когда оно появляется по середине видно кнопку которая должна быть под ним, второй пример тоже с кнопкой и react navigation bottom tabs кнопка должна быть над таб-меню по середине, а она оказывается под ним.
Всем спасибо за проявленное внимание заранее

Answer 1

[Роман Александрович]

А вы пробовали использовать стиль для того что бы поместить выши элементы на разные уровни ?

{
 zIndex:6
}

добавьте модальному окну индекс 5 а кнопке 6 тогда кнопка будет надо окном и тд.

Comments

[Ulug]

Я так пробовал, результата не было, абсолютами тоже пробовал

[Роман Александрович]

Ulug, показывайте ваш код

[Роман Александрович]

Ulug, , вот почитайте https://stackoverflow.com/questions/49121981/zinde...

[Ulug]

Чуть позже скину.
P.s работаю через cli не ехро

[Ulug]

Роман Александрович,

<Btn width={25} height={25} radius={100} title="+" fSize={72} style={{position: 'absolute', right: 0, bottom: 10, zIndex: 10}}>
                <Icon name="plus" size={14} color="#fff" />
              </Btn>
            <Image
              style={{
                width: 120,
                height: 120,
                borderWidth: 3,
                alignSelf: "center",
                borderColor: '#2c73d2',
                borderRadius: 100,
                position: "absolute",
                zIndex: 1,
              }}
              source={{
                uri: someurl,
              }}

Вот часть кода для примера, и да я смотрел и на англоязычных ресурсах

[Ulug]

Роман Александрович, я понял в чем заключалась проблема, проблема была в том что zIndex работает по порядку, т.е те элементы у которых zindex ниже должны быть отрендерины первыми потом идёт по возрастающей, НО все же как же быть c bottomTabNavigator?

[Роман Александрович]

Ulug, у него наверно position:absolute?