Добрый день!
Подскажите, пожалуйста, как дебажить отваливающиеся стили UI на андроиде? На iOS всё норм.
1. Использую react-native-segmented-control-tab для работы с сегментами на странице. На ios всё отлично, баджи выводятся, стили подхватываются и всё отлично. А на андроиде периодически не отображаются баджи, пропадает обводка на крайних сегментах.
2. Есть View, у которой белый бэкграунд. Через Platform.OS проверяю систему и даю стиль с shadow для iOS, и elevation для android ≥ 21. На андроиде при переходах между сегментами отлетает backgroundColor и становится прозрачным, после чего ломается фон у этого элемента везде.
3. Сделал небольшой View с абсолютным позиционированием, (счётчик уведомлений на элементе). На ios работает нормально, на андроиде в дебаге элемент полупрозрачный, а без дебага просто исчезает за родительским элементом (видно только его край).
4. Использую react-native-fab, на iOS всё отлично, на андроиде кнопка имеет прозрачный фон и не круглую, а 8-угольную форму.
Не вижу ошибок в консоли дебаггера, в гугле ничего внятного найти не могу.
#решено
Если вдруг кто столкнётся:
Проблема с react-native-fab. В чём именно - разбираться не стал, сделал кастомную кнопку с абсолютным позиционированием.
Кроме того, в некоторых местах, где есть borderRadius, нужно обязательно добавлять overflow: 'hidden' для андроида, иначе начинают отваливаться стили.