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

Вопросы с тегом
1 ответ

Анимированная группа реакции-перехода с помощью ReactDOM createPortal

Я ломал голову, пытаясь понять, как сделать что-то, что я решил, было бы довольно просто (я знаю...) Цель состоит в том, чтобы создать минимальный и многократно используемый модальный компонент, который я могу анимировать в каком-то HOC с помощью кн…
13 фев '19 в 14:39
1 ответ

Как вы переворачиваете экран, как монеты перехода в реагировать родной?

Я пытаюсь заставить экран перевернуться как монета, когда на нем нажата кнопка. До сих пор я успешно переворачивал два маленьких экрана, но на немного большем экране код не работает. Как здесь, в моем коде две простые кнопки работают нормально, но к…
21 фев '19 в 11:11
0 ответов

В чем разница между настройкой анимированного значения в методе onPanResponderMove с помощью "Animated.Event" и "setValue"?

Если вы хотите перетащить элемент с помощью PanResponder, вы можете передать значения движения методу onPanResponderMove двумя способами: 1. С анимацией. Событие onPanResponderMove: Animated.event([ null, { dx: this.state.pan.x, dy: this.state.pan.y…
13 июн '18 в 08:44
1 ответ

Можно ли присвоить анимации в React Native значение (id)?

Скажем, если моя анимация повторяется 20 раз, но я не хочу, чтобы все они воспроизводились одновременно. Как бы я запустил эту конкретную анимацию, которая имеет значение 1, Если я нажал на 1 тогда остальные 19 не должны срабатывать, кроме 1, export…
17 май '18 в 18:17
0 ответов

Как создать анимацию текста главной страницы реакции-раскрытия

На меня произвела впечатление анимация текста отклика домашней страницы, где буквы в слове "React Reveal" летят слева направо и встречаются посередине. Поэтому я подумал, что хочу реализовать ту же анимацию для домашней страницы своего проекта, но, …
23 фев '19 в 05:44
0 ответов

React Native Animation больше не запускается. Что-то я не так сделал?

Основная цель состоит в том, чтобы запустить анимацию без одновременного воспроизведения всех файлов в моем плоском списке. Я работал и исследовал решение этой проблемы и пришел к выводу, что каждая анимация должна быть уникальной в плоском списке. …
15 май '18 в 11:17
0 ответов

Есть ли способ добавить значение в реквизит? React Native

Моя текущая проблема заключается в том, что моя анимация не активируется для правильного id что было назначено: anim_star = (id) => { let progress = this.state.progress; progress[id] = new Animated.Value(0); this.setState({ progress }); console.l…
16 май '18 в 01:22
2 ответа

Как сделать slideIn AND slideOut с style-компонентами с анимацией реакции

Я работаю над созданием компонента, который отображает none или же block в зависимости от этого isActive двигательный Мне удалось это сделать slideInDown с помощью react-animations с styled-components как это. import styled, { keyframes } from 'styl…
17 апр '18 в 10:21
0 ответов

Как сделать анимацию сверху вниз с реагирующими элементами

Я пытаюсь воссоздать слайдер на веб-сайте Гэтсби, но использую библиотеку стилизованных компонентов вместо библиотеки эмоций, которую они использовали. Проблема в том, что анимация ничего не делает, и список строк, которые я передаю в компонент, объ…
01 дек '18 в 05:36
0 ответов

Selenium: ожидание завершения анимации реакции - с помощью es6/webdriverIo

Есть ли способ реализовать функцию waitUntil, которая может ждать окончания анимации реакции? Когда я использовал Java, я реализовал это, но это было для анимации jQuery: JavascriptExecutor js = (JavascriptExedutor) driver; return (Boolean) js.execu…
18 май '18 в 07:30
3 ответа

Как добавить анимацию для обычных компонентов Reactstrap?

Я только начинаю с ReactJS, и одна из моих первых проблем заключается в том, что я не знаю, как я могу добавить анимацию к различным компонентам реагирующей ленты. Например, я хотел бы добавить анимацию ввода / вывода animate.css для выпадающих спис…
22 окт '18 в 09:58
10 ответов

Анимация обратного отсчета начинается сразу после загрузки страницы, должна начинаться при прокрутке к компоненту (без jquery)

У меня есть приложение реагировать на одну страницу, с несколькими компонентами. Для 5-го компонента (виден только при прокрутке вниз) у меня есть счетчик. Теперь я использую библиотеку реагирования-подсчета для достижения функции счетчика. Однако с…
26 июн '18 в 13:27
0 ответов

Как добавить эффект затухания при удалении компонента из DOM?

У меня есть ErrorFadeInDown компонент, который используется, чтобы показать ошибку моего приложения. Эффект (CSS) ошибки -> Окно ошибок опускается сверху вниз. Этот компонент визуализируется с эффектом затухания, для которого я использовал styled-co…
25 янв '19 в 15:22
1 ответ

React Native Анимированный для масштабирования изображения

У меня 2 проблемы с Animated API. 1-й: я могу показать изображение слева направо с помощью следующего кода. Я хочу масштабировать изображение с позиции X=40 (leftPadding), Y=100(topPadding), height:20, width:20 в X=20, Y=10, height:250, width:300, К…
26 апр '18 в 16:27
1 ответ

Есть ли способ вручную установить значение dy в Animate.event?

Я хочу иметь возможность поднять стол до определенной высоты, когда условие соответствует. Как мне вручную установить значение dy? this.state.drag.y возвращает объект. Если бы это было простое значение, я мог бы установить его вручную, но как мне ус…
07 дек '18 в 17:27
0 ответов

В React-Native кнопки не активируются при нажатии анимации

Я создаю представление. Внутри видны несколько кнопок, и все кнопки кликабельны. Я создал эти представления. Работая нормально, все кнопки кликабельны. Теперь мое требование состоит в том, чтобы представление имело анимацию скольжения. поэтому я нем…
16 окт '18 в 12:04
0 ответов

React-Flip анимация, не оживляющая переходы

Я пытаюсь реализовать ответную реакцию в моем приложении. У меня есть список предметов. Есть div, по которому, когда я нажимаю, последний элемент списка должен идти вверху списка. Элементы переставляются, но я не вижу анимации (движения сальто). Вот…
23 окт '18 в 15:12
0 ответов

React TransitionStart не запускает событие

componentDidMount(){ ReactDOM.findDOMNode(this).addEventListener( transitionEndEventName(), this.onTransitionEnd, false); ReactDOM.findDOMNode(this).addEventListener( transitionStartEventName(),this.onTransitionStart, false); } function transitionS…
18 фев '19 в 10:02
1 ответ

Как изменить время React Native Animated sequence при получении реквизита

У меня есть циклическая анимация, которую я хочу, чтобы пользователь мог изменять время. Используя редукс, я настроил его так, чтобы анимированный компонент получал новые тайминги в качестве реквизита, когда пользователь изменяет их в настройках. Од…
22 окт '18 в 16:03
1 ответ

Есть ли изменчивое CSS свойство height для элементов, входящих в DOM? Jank происходит при использовании Semantic-UI-React Transitions

Я не уверен, что это правильное место, чтобы задать этот вопрос; Я рассмотрел Рекомендации по программному обеспечению, но решил, что сначала попробую. Я создаю PWA, и на каждой итерации я действительно хотел бы сосредоточиться на том, чтобы он выгл…
09 апр '19 в 23:03