Я хочу отобразить несколько компонентов (возможно, до 6) в моем приложении React Native, которые постоянно меняют свое положение, то есть медленно, но плавно плавают на экране и меняют направление движения произвольно или в зависимости от угла, под которым они приближаются к край их родителей, если они делают. Чего я не знаю, так это как динамически менять свою позицию в духе производительности. Поскольку я также хочу позволить пользователю взаимодействовать с ними, нажимая на них, это не может быть видео в фоновом режиме или что-то подобное.
Если бы я имел дело со стандартным приложением React, работающим в браузере, я думаю, Я бы просто манипулировал атрибутами стиля элемента top и left. Поскольку я хочу реализовать это в React Native, я думаю, что должно быть решение, которое будет более производительным и элегантным, включающее манипулирование нативными элементами, поддерживающими представления React Native, или использование некоторого механизма анимации, поскольку повторная визуализация представления с как 6 компонентов, по крайней мере, 30 раз в секунду, не кажется подходящим решением и издержками в целом.
Поиск в Google таких вещей, как «реагировать с собственным динамически перемещать элемент» или «реагировать с собственным динамически изменять положение элемента» не приносить какие-то явно подходящие результаты. Я наткнулся на собственный метод элемента setNativeProps, но не смог найти никакой информации о том, какие реквизиты я мог бы установить, чтобы изменить положение элемента на экране и насколько это было бы эффективно. Я также посмотрел на Animated API React Native, но не смог связать мою проблему с решениями, которые этот API предлагает на первый взгляд.
Кто-нибудь знает механизм или, возможно, библиотеку, которая была бы уместна для использовать в описанной мной ситуации?