Отскок анимированного представления в реагировать родной

Question

Я пытаюсь реализовать представление, похожее на что-то вроде: https://bouncingdvdlogo.com/, но для фрагмента текста.

Моей первой мыслью было, что я могу просто создать анимированный цикл для осей X и Y и просто установить стили top и left для Animated.Text. Загвоздка в том, что я не знаю, какой размер будет иметь текст до времени выполнения.

Сначала я попытался использовать measure для получения значений, затем запустил анимацию, но measure недоступна для Animated.Text. Есть ли более простой подход для решения этой проблемы с анимацией?

Answer 1

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

По сути, вместо того, чтобы пытаться измерить div и вычислить его положение, я анимировал свойство flex некоторых div-пакетов для достижения того же эффекта.

Вот демонстрация, которая показывает, как это работает: https://snack.expo.io/rkNs_CR2G

Я добавил цвета к анимированным гибким элементам div для визуализации происходящего.