простой у вас есть полоса с кнопками внизу экрана (а-ля TabBar), но он полупрозрачный, т.е. контент под ним видно. Внутри в глубине этого TabBar (там ещё несколько контейнеров с паддингами разного размера), есть кнопки... TabBar прибит к низу... а кнопки должны быть в низу "безопасной зоны"...
Безопасная зона, это цифра равная координате нижней границы экрана или меньше её. Она может меняться в runtime (к примеру телефон повернули, или что-то системное вылезло... это правда к верху больше относится, но сути не меняет).
Вот и как такое сверстать? (Допустим компонента SafeAreaView нет, а есть только цифра)
Так вот этот компонент как раз и пытается реализовать этот нелокальный констрейнт... Заметьте, не стили это позволяют, а специальный нативный компонент, который ещё и делает это криво (возможны зацикливания рендера)...
Я пытался это переделать на схему без циклов. Для ios сделал, для android терпения не хватило в рамках отведенного таймлимита... потом доделаю м.б. https://github.com/vovkasm/react-native-safe-area-plus (гм... я даже не пушил на github андроид часть, похоже)
И там видно, насколько не расширяема yoga в этом смысле...
Ну это прямо нестандартный кейс)
Обсуждают сегодня