Описание тега react-animated

По вопросам, конкретно связанным с платформой React Native Animated, которая используется для эффективной анимации компонентов React Native.
2 ответа

Reaction-native onPanResponderMove странное поведение без документации Animated.Event

Я заметил в реагировать родной panResponder вызовы метода onPanResponderMove, когда я использую onPanResponderMove: Animated.event([null, {dx: this._pan}]), но когда я пытаюсь использовать: onPanResponderMove: (e, gestureState) => { Animated.even…
11 янв '17 в 08:46
0 ответов

React Native Animated.Value/Animated.timing без Animated.View

У меня есть некоторые переменные состояния, которые я хочу анимировать для микро-взаимодействия с пользователем. Эти переменные не являются свойствами представления или стиля; на самом деле они являются свойствами SVG, такими как радиус круга (с исп…
1 ответ

Реагировать нативно "попытка установить значение неизменяемого объекта"

Я создаю перетаскиваемую коробку. который я могу перетащить в любое место на экране, но я получаю эту ошибку, которая говорит, что " Вы пытались установить ключ _value на объекте, который должен быть неизменным и заморожен ". Может кто-нибудь сказат…
1 ответ

React Native: как анимировать виды от вертикального до горизонтального

Таким образом, по сути, у меня есть два вида, которые расположены вертикально, и при нажатии кнопки их нужно анимировать, чтобы первый вид двигался влево, а второй - вверх и располагался справа от первого. Кажется, достаточно просто выполнить настро…
0 ответов

Как я могу настроить / расширить встроенную анимацию?

Я хочу создать собственную анимацию затухания, которая останавливается, когда конкретная проверка возвращает значение true. Прямо сейчас мой код выглядит так: this.decayAnimation = decay( this.state.animatedXYValue, { velocity: { x: 0.5, y: 0.5 }, d…
10 фев '17 в 20:56
0 ответов

Предоставление анимации компонента React при монтировании

Я пытаюсь заставить этот компонент двигаться при подключении, но получаю Cannot read property 'enter' of undefined Вот упрощенный код (у меня есть все готовые классы CSS): class Example extends React.Component { state = { transitionIn: false, }; com…
1 ответ

Анимация значения высоты для ввода текста

Поэтому я использую реагировать-родной-autogrow-textinput для того, чтобы редактируемый документ можно было просматривать в моем приложении. В настоящее время я пытаюсь обойти клавиатуру, чтобы отрегулировать высоту поля ввода текста, чтобы весь тек…
14 июл '17 в 01:32
1 ответ

React Native Animated - Запустите анимацию в месте касания

Я играю с анимацией в React Native. Хотите создать экран, который позволяет пользователю прикасаться к экрану в любой точке. Когда они это сделают, круг должен появиться на месте их пальца, и следовать за ним вокруг. Когда они освобождаются, круг до…
2 ответа

Реагируйте на собственное изображение прокрутки, постоянно создавая эффект выделения

Я новичок в реагировать родной, я хочу прокручивать изображение непрерывно снизу вверх в реагировать родной. Мы можем прокрутить изображение в html используя тэг marquee. Например, <marquee behavior="scroll" direction="up"> <img src="../t1.…
19 ноя '18 в 15:41
0 ответов

Reaction-native: LayoutAnimation и useNativeDriver: верно для flex

В прошлом я использовал LayoutAnimation.scaleXY оживить flex из View на очень высокой частоте кадров. Теперь я хочу использовать Animated оживить flex и достичь такой же высокой частоты кадров. Я знаю, что не могу использовать useNativeDriver: true …
0 ответов

Реагировать на анимацию элемента Native FlatList при прокрутке

У меня проблема. Я искал несколько дней, как анимировать элементы FlatList при прокрутке, но безуспешно. Примеры, которые я нашел, направлены только на добавление / удаление элемента в список, но не на прокрутку. Мне нужно что-то похожее на эту библ…
0 ответов

Анимации на элементах в FlatList отстают только в первый раз

У меня есть плоский список, и у каждого элемента есть анимация для перемещения элементов по нажатию, анимация в первый раз настолько запаздывает, но после первого раза все в порядке как анимация работает впервые вот список <SectionList sections={…
0 ответов

React Native. Переместите компонент в абсолютную позицию.

Я хотел бы переместить компонент с помощью анимированной функции в абсолютную позицию на экране. В основном это работает так: this.state.pan = new Animated.ValueXY({x: 50, y:50}) Animated.spring( this.state.pan, { toValue: { x: 0, y: 0 } } ).start()…
10 фев '18 в 13:11
1 ответ

CreateAnimatedComponent API-интерфейса делает ссылку на FlatList неопределенной в реагирующем

Я пытаюсь использовать scrollToIndex функция FlatList на реакцию-родную. Тем не менее, когда я переключаю FlatList в createAnimatedComponent(FlatList), его ref становится undefined, Есть ли способ сохранить FlatList"s ref когда я использую createAni…
1 ответ

React Native Animated Scroll - просмотр поведения прыжка

Застрял с небольшой проблемой. я имею Animated.ScrollView и там у меня есть событие OnScroll, как это Animated.event( [ { nativeEvent: { contentOffset: { x: this.topViewAnimation, }, }, }, ], { useNativeDriver: true }, ) Так что прокрутите ту карту…
16 янв '18 в 17:45
0 ответов

Вызвать обратный вызов на Animated.event - реагировать на нативную анимацию

Таким образом, у меня есть родительский компонент и дочерний компонент, а дочерний компонент имеет ScrollView, Я хочу анимировать элемент в родительском компоненте с помощью прокрутки дочернего компонента, но анимированное значение не меняется??? Во…
28 авг '18 в 01:38
4 ответа

Как получить текущее значение анимированных значений с параметром useNativeDriver, установленным в true?

Я пытаюсь получить текущее значение animated.Value это имеет возможность useNativeDriver установите в true, но это не работает. С другими анимированными значениями, которые имеют одинаковую опцию со значением false, он работает отлично.
0 ответов

Реагировать на нативный Animated undefined не является объектом (оценка "u.stopTracking")

У меня следующая проблема: "undefined is not an object (evaluating 'u.stopTracking')", Бывает когда на Expo Я обновляю propsЯ пытался использовать на componentWillReceiveProps, stopAnimation() а также stopTracking(), но я не мог. Ссылка экспо: здесь…
0 ответов

MapView исчезает, когда вызывается animateToRegion(), а маркеры местоположения не отображаются до тех пор, пока не будет вызвана animateToRegion().

У меня проблема с загрузкой карты в мое приложение, чтобы ее маркеры загружались при первом рендере. Предполагается, что маркеры соответствуют строительным картам в виде прокрутки. Файл App.js, который вызывает CustomMapView, содержит жестко закодир…
0 ответов

Реагировать на анимированный значок поворота на 180 градусов на событие

Я пытаюсь повернуть значок на 180 градусов каждый раз, когда выполняется событие. Ссылка: Экспо Найти его в BarCollapsible -> toggleView () Я должен сделать это, движение должно быть 180 градусов каждый раз. Если мне нужно открыть коллапс, движение …