React Native анимация flexDirection

Я пытаюсь создать анимацию, которая в основном меняет flexDirection вида. Проверить код

state = {
        fadeAnim: new Animated.Value(0),
        flex_direction_anim: new Animated.Value("column")
    }

    componentDidMount() {
        Animated.timing(
            this.state.fadeAnim,
            {
                toValue: 1,                   
                duration: 2000
            }
        ).start();

        setTimeout(() => {
            Animated.timing(
                this.state.flex_direction_anim, {
                    toValue: "row",
                    duration: 2000
                }
            )
        }, 5000)
    }

В приведенном выше коде у меня установлено две анимации, плавная анимация работает нормально, но другая анимация просто выдает следующую ошибку.

React Native анимация flexDirection

Я не уверен, что я здесь делаю не так, возможно, такая анимация не поддерживается в React-Native.

Я также использовал библиотеку react-native-animatable, а также открыл проблему здесь

Любая документация или руководство будут очень полезны, Спасибо

Привет! Прежде всего, toValue принимает целые числа, поэтому выполнение toValue: "row" вызовет ошибки. Более того, я думаю, что это руководство - именно то, что вам нужно. Я не собираюсь вдаваться в ответы, потому что не могу поверить в это. tutorialscapital.com/…

Harrison 02.10.2018 18:39

@Harrison, спасибо за ваш комментарий, это решило мои 25% проблемы. Спасибо за руководство. :)

MD Husnain Tahir 03.10.2018 20:12
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
2
497
0

Другие вопросы по теме