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

Question

Ulug @kirkland

Fron-end Developer

React Native

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

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

Вопрос задан более трёх лет назад
57 просмотров

Комментировать

Подписаться 1 Средний Комментировать

Пригласить эксперта

Ответы на вопрос 1

7 комментариев

Ulug @kirkland Автор вопроса

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

Написано более трёх лет назад
Роман Александрович @RomReed

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

Написано более трёх лет назад
Роман Александрович @RomReed

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

Написано более трёх лет назад
Ulug @kirkland Автор вопроса

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

Написано более трёх лет назад

Ulug @kirkland Автор вопроса

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

<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 @kirkland Автор вопроса

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

Написано более трёх лет назад
Роман Александрович @RomReed

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

Написано более трёх лет назад