Как мы справились с неоморфизмом на этапе верстки мобильного приложения Incognito

Всем привет, меня зовут Роза, я из веб-студии Pyrobyte. Мы решили поделиться личным опытом разработки мобильного приложения Incognito, в дизайне которого использовали неоморфизм и столкнулись с проблемами на этапе вёрстки на React Native. Возможно, именно наше решение будет полезно вашему проекту.

99

В чем была проблема сделать тени и анимацию на CSS?

Это React Native, поэтому он дает доступ только к тому, что есть на платформе. И если на iOS есть полный контроль над тенью, подобный тому что есть в CSS, на Android только есть "elevation" - как бы высота поверхности, и тень от этой "высоты" по разному рендерится в разных местах экрана. Поэтому нейроморфизм без геммороя на нативном Android не сделать.

Flutter лишен этих недостатков потому что все контролы рисует сам и ему пофиг на ограничения платформы.

Я думаю тут главный вопрос - зачем это надо. Какой-то мясистый стиль, перетягивает внимание с контента на контролы, сразу задает кучу рамок что с ним сочетается что нет, и еще и явно устарелым будет выглядеть через несколько лет

2