Описание тега react-native-reanimated

1 ответ

получение ошибки типа для свойств преобразования стиля при использовании react-native-reanimated

Я использую "react-native": "0.59.10" "react-native-reanimated": "^1.3.0" с машинописным текстом. Я получаю ошибку типа для свойств преобразования. const Example = () => { const { translationX, gestureHandler } = horizontalPanGestureHandler() ret…
0 ответов

React-native-reanimated: как присвоить значение свойству ScrollView scrollEnabled?

Я пытаюсь управлять ScrollView, используя реанимированный Value. Отлично работает на iOS, но Android выдает эту ошибку: java.lang.double cannot be cast to java.lang.boolean Вот код: import React, { PureComponent } from 'react' import { StyleSheet, T…
30 июн '20 в 18:25
1 ответ

использование реакции-навигации в react-native 0.59.10

Я делаю проект с react-native 0.59.10, когда хочу установить reac-navigation, react-native-gesture-handler и react-native-reanimated . У меня ошибка, и проект не создается. Следует ли использовать определенную версию каждого из них?
1 ответ

Реанимированный обратный вызов TapGestureHandler с блоком

Как бы этого добиться? обратный вызов с Animated.event отлично работает обратный вызов с блоком не дает обратной связи:( import React, { useState, useEffect } from "react"; import { View, Text, FlatList, Dimensions, Image } from "react-native"; impo…
2 ответа

Превышен максимальный размер стека вызовов React Native Interpolate

Я как бы новичок в RN, и мне трудно отследить "Превышен максимальный стек вызовов". Я понимаю, что ошибка связана с каким-то бесконечным циклом в моем коде, но я не могу его найти. Код EventScreen: import Animated, { interpolate, Extrapolate, Value …
1 ответ

React Native Animation Basic

Итак, я практикую React Native Reanimated или Анимацию в React Native с Expo. Я пытаюсь открыть экран снизу вверх с помощью Animated. Когда я нажимаю Text он покажет другой экран поверх моего родительского компонента с анимацией снизу вверх. Но вот …
0 ответов

Очень медленная сборка пользовательского интерфейса React Native при добавлении / удалении текстовых элементов

Я создаю пользовательский компонент карты в React Native, который отображает карты процедурных миров из игры. Пока я могу панорамировать / масштабировать, переходить к положению, отображать маркеры и визуализировать наложение сетки. Однако у меня во…
1 ответ

Выходное значение React Native Reanimated из Animated.interpolate

Я понимаю Animated.Code и получаю console.log в каждом кадре я хочу узнать значение выходного тока из Animated.interpolate кусок кода const diffClampScrollY = Animated.diffClamp(this.props.Animation_Header_Heaght, 0, HEADER_HEIGHT) const headerY = A…
1 ответ

(0, _reactNativeRedash.onScroll) не является функцией

Я попытался интегрировать этот пример в свою базу кода (без TSX), но при попыткеonScroll={onScroll({ y })}. Я получаю следующую ошибку(0, _reactNativeRedash.onScroll) is not a function. Я не уверен, в чем причина проблемы, так как я следовал примеру…
1 ответ

Обновление содержимого на экране в React Native приводит к зависанию анимированных компонентов

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

Pangesturehandler и Scrollview не работают вместе

Я закодировал меню с помощью PanGestureHandler и ScrollView. Проблема в; когда PanGestureHandler активен, прокрутка ScrollView не работает. Я имею в виду, что функция смахивания работает, но прокрутка не работает. Я ожидаю использовать эти две функц…
0 ответов

Реагировать на "useState" с обработчиком жестов и реанимировать проблему

Привет всем, я пытаюсь понять, что происходит с этим и как это исправить, к сожалению, безуспешно, поэтому, если кто-то может помочь, было бы здорово. Я создал выставочную закуску на рабочем примере. Есть три файла: Board.js Draggable.js - новый обр…
1 ответ

Как реагировать на события клавиатуры в React Native Reanimated?

Что я пытаюсь сделать Я пытаюсь создать анимированный элемент интервала / заполнения, который изменяет высоту, когда клавиатура отображается или скрывается, чтобы гарантировать, что TextInput не покрывается клавиатурой или кнопкой, которая позволяет…
4 ответа

Определите направление смахивания с помощью React Native Gesture Handler и Reanimated

Мы уже разработали swiper с использованием React Native PanResponder (до того, как кто-то прокомментирует) - мы не можем использовать здесь никакую другую библиотеку swiper. В разработанном нами свайпере мы сталкиваемся с проблемой, когда пользовате…
1 ответ

Нарушение инварианта: нарушение инварианта: outputRange не может включать #ffffff. (#ffffff, #aaa2d7,#aaa2d7)

Я получаю эту ошибку даже при изменении: inputIndex === i? 255: 0 для inputIndex === i? "#ffffff": "#aaa2d7". цель - когда активна первая вкладка, цвет заголовка должен быть белым "#ffffff", а остальные вкладки должны быть "#aaa2d7" const inputRange…
0 ответов

Анимация кнопки переключения путем перетаскивания, а также случайного интервала

Я отчаянный новичок в RN, нуждающийся в переключателе, который щелкает между включением и выключением. Он должен быть не кликабельным, а перетаскиваемым. Я также хочу, чтобы кнопка периодически анимировалась на некотором расстоянии (от 0 до 5-10% и …
01 ноя '19 в 16:01
0 ответов

React Native Reanianimated, React Native Gesture Handler, рендеринг компонента прерывает анимацию (например, перехватчики реакции)

Я хотел бы перетащить только верхний блок в стеке и удалить его, когда мне нужно, тогда я смогу перетащить только второй блок, который будет сверху. Но при повторной визуализации компонента анимация прерывается. Может кто-нибудь помочь мне? Кажется,…
1 ответ

Есть ли способ анимировать увеличенный размер представления при добавлении новых дочерних элементов?

Я сейчас использую LayoutAnimationдля анимации вида при добавлении детей. Однако, поскольку LayoutAnimation заставляет все анимироваться глобально, и я не могу легко использовать встроенную библиотеку Animated для моего варианта использования, мне и…
1 ответ

Как последовательно анимировать несколько элементов с помощью react-native-reanimated?

Предполагая, что у меня есть два Views, и мне нужно их анимировать соответственно, т.е. Первый вид оживляет Первый вид завершает анимацию, второй - анимацию Как именно это сделать с react-native-reanimated? Я нашел очень мало информации в документац…
25 дек '19 в 10:24
0 ответов

Проблема с обработчиками жестов с использованием response-native-gesture-handler

Я пытаюсь создать перетаскиваемый вид с несколькими кнопками. Я хочу индивидуальную кнопкуTapGestureHandler активировать, когда PanGestureHandlerне активен. Но даже после использованияwaitForprop, они все еще срабатывают одновременно, когда я пытаюс…