Публикации по теме 'react-native-reanimated'
Анимация жестов панорамирования и двойного касания в React Native
Анимация жестов панорамирования и двойного касания в React Native
В последнее время элементы управления на основе жестов давали приложениям очень похожий на реальный опыт действий, выполняемых в приложении. Это одна из функций, которая естественным образом воспринимается пользователями или может быть легко выбрана. Элементы управления на основе жестов, работающие с анимацией, придают приложению некоторую живость и улучшают взаимодействие с пользователем.
В этой статье я покажу, как..
Вопросы по теме 'react-native-reanimated'
Нарушение инварианта: нарушение инварианта: outputRange не может включать #ffffff. (#ffffff, #ааа2d7,#ааа2d7)
Я получаю эту ошибку даже при изменении: inputIndex === i ? 255: 0 для inputIndex === i ? "#ffffff": "#aaa2d7".
цель: когда первая вкладка активна, цвет заголовка должен быть белым "#ffffff", а другие вкладки должны быть "#aaa2d7"
const...
771 просмотров
schedule
07.05.2023
Есть ли способ анимировать увеличенный размер представления при добавлении новых дочерних элементов?
В настоящее время я использую LayoutAnimation для анимации представления при добавлении дочерних элементов. Однако, поскольку LayoutAnimation заставляет анимировать все глобально, и я не могу легко использовать встроенную библиотеку Animated для...
902 просмотров
schedule
06.03.2023
ref.current всегда возвращает null с реагирующими хуками, когда я использую flatList
ошибка всегда возникает, когда я передаю ссылку на элемент renderItem, который передается компоненту flatList, здесь я хочу манипулировать самим элементом с помощью ссылок, но я всегда получаю эту ошибку
вот мой фрагмент кода
import React,...
814 просмотров
schedule
28.03.2023
Вид перемещается за пределы экрана, когда текстовый ввод сфокусирован на нижнем листе в React Native для Android.
Я использую библиотеку - https://github.com/osdnk/react-native-reanimated-bottom-sheet
Я использую TextInput на этом нижнем листе. И теперь, когда текстовый ввод сфокусирован или введен, нижний лист должен оставаться в том же положении. Он...
2155 просмотров
schedule
12.05.2024
PanGestureHandler: снизу вверх сбрасывается вниз, а затем анимируется
Я прикрепил закуску для большей ясности. Я пытаюсь добиться анимации, похожей на панель уведомлений iOS/Android.
Я успешно могу перетащить руль вниз, используя приведенный ниже код:
const translateY = cond(
eq(gestureState, State.END),
[...
183 просмотров
schedule
08.09.2022
React Native — как сравнить два Animated.Values в shouldComponentUpdate?
Я оптимизирую свои элементы плоского списка (прогрессивные изображения) и, чтобы избежать расширения React.PureComponent, я решил реализовать свой собственный метод жизненного цикла shouldComponentUpdate.
Мои прогрессивные изображения имеют два...
125 просмотров
schedule
03.08.2023
Невозможно использовать события onPress () в Animated.View, для которого задано значение Position: Absolute - React Native
Я сделал прокручиваемый заголовок для приложения, которое создаю для компании. Когда я пытаюсь использовать TouchableHighlight для запуска события onPress (), оно не регистрируется, потому что для ключа позиции установлено значение «absolute»:
Я...
116 просмотров
schedule
25.08.2022
Задача: app:bundleReleaseJsAndAssets FAILED — React Native — Android
Получение этой ошибки в моем приложении React-Native, когда я запускаю Android с помощью npx react-native run-android --variant=release или создаю сборку выпуска. Я пробовал любые решения, которые я нашел в Stackoverflow и GitHub, такие как...
53 просмотров
schedule
04.06.2023
