Вопросы по теме 'react-animated'
Новая анимация после setState — React Native
Я не нахожу ответа на свою проблему для моего собственного приложения.
Если у вас есть идея, как этого добиться, это было бы здорово :)
Что я пытаюсь сделать:
На странице, когда я где-то нажимаю, я хочу отображать анимацию (например,...
2241 просмотров
schedule
24.02.2023
Рендеринг анимации с помощью React Native + Animated.timing и setState
Библиотека анимации работает нормально, но у меня возникла проблема, когда я выполняю this.setState, когда использую Animated.timing, потому что он повторно отображает мой экран, и мои анимации перезапускаются.
Например, когда я пытаюсь запустить...
695 просмотров
schedule
29.04.2024
Анимация во время прокрутки импульса в react-native?
Я пытаюсь создать пользовательский NavBar на экране, который отображает ScrollView. Внутри NavBar есть кнопка, нажатие которой заставляет NavBar перемещаться вниз, тем самым создавая впечатление, что NavBar расширяется (это делается с помощью...
574 просмотров
schedule
07.02.2023
Реагировать на нативную синхронизацию двух плоских списков плавно
У меня есть два плоских списка, один содержит данные (dataScroll), а другой - флажки (checkScroll) для каждого элемента данных.
Причина этого в том, что флажки всегда должны быть видны, пока пользователь прокручивает по горизонтали dataScroll (я...
1704 просмотров
schedule
27.01.2023
React Native: анимация не работает должным образом на Android
Я пытался исправить проблему в течение последних 2 дней, она отлично работает на iOS.
constructor(){
super();
this.animation = new Animated.Value(0)
this.state = {
expanded: false,
};
}
toggle(){
let initialValue =...
14355 просмотров
schedule
16.01.2023
реагировать на нативную анимацию нескольких представлений в виде круга
Мне нужны 2 вида, которые одновременно трансформируются как круг без вращения. Первый вид начинается сверху, а второй вид снизу. Я уже спрашивал, как это сделать с одним видом. Я не запускаю его с двумя представлениями. Вопрос до...
2871 просмотров
schedule
19.06.2022
Ошибка при использовании useNativeDriver в React Native Animated
Когда я использую useNativeDriver в React Native Animated
state = {
chevronUp: new Animated.Value(-50),
};
Animated.spring(this.state.chevronUp, {
toValue: 50,
friction: 5,
useNativeDriver: true, // <----- this line...
7903 просмотров
schedule
21.07.2023
Почему мой компонент Animated API не отображается в React Native?
Я пытаюсь использовать функцию интерполяции в Animated Api, и когда я использую компонент изображения, это работает, но когда я использую Animated.Image, ничего не появляется, или если я жестко поворачиваю код со значением, оно также не работает или...
21 просмотров
schedule
26.04.2023
React Native Animated — разверните круг с центром в прессе
Я пытаюсь создать компонент с помощью Animated on React Native, где круг расширяется от точки нажатия, чтобы охватить весь экран.
Идея состоит в том, что, по сути, это карусель цветов, скажем:
const colors = ['white', 'black', 'green', 'blue',...
1404 просмотров
schedule
25.05.2023
Анимированное событие реагирует нативным образом
Я работаю с panResponder и создаю простое представление, которое следует за пальцем пользователя. Я посмотрел и нашел этот пример, который работает, и я его использую, но я не могу понять это.
constructor(props){
this.state = {
pan: new...
513 просмотров
schedule
05.06.2023
Можно ли анимировать вид при обновлении состояния в родном реагировании
У меня есть сценарий, в котором я не могу использовать scrollview или flatlist . Пользовательский интерфейс представляет собой своего рода мастер, когда я нажимаю «Далее», я перемещаю пользователя на следующий экран или предыдущий на задний план....
1183 просмотров
schedule
09.04.2024
Как изначально установить непрозрачность при использовании интерполяции
У меня есть проблема, когда я не могу установить исходную непрозрачность изображения как 0 при использовании интерполированного значения прокрутки.
Поэтому, когда я использую значение logoOpacity , Animated.View полностью виден, но, например, если...
974 просмотров
schedule
26.12.2022
Реагировать на собственный анимированный список разделов, который перемещается вверх при изменении состояния/реквизита
Я создаю представление в собственном приложении для реагирования с компонентом списка разделов, и у него также есть заголовок выше, который будет отображать совокупные данные о списке. Вид заголовка должен уменьшаться с анимацией при прокрутке. У...
1324 просмотров
schedule
14.01.2023
React Native — запустить Animated дважды, ошибка start of undefined
animation = new Animated.Value(0);
animationSequnce = Animated.sequence(
[Animated.timing(this.animation, { toValue: 1 }),
Animated.timing(this.animation, { toValue: 0, delay: 1000 }),
],
);
startAnimation = () => {...
505 просмотров
schedule
27.11.2023
Есть ли способ анимировать увеличенный размер представления при добавлении новых дочерних элементов?
В настоящее время я использую LayoutAnimation для анимации представления при добавлении дочерних элементов. Однако, поскольку LayoutAnimation заставляет анимировать все глобально, и я не могу легко использовать встроенную библиотеку Animated для...
902 просмотров
schedule
06.03.2023
Получить высоту переменных дочерних элементов в функциональном компоненте в React Native
Я пытаюсь получить высоту детей в моем компоненте, чтобы реализовать анимацию.
Это компонент карты
Расширено дочерними элементами
Я хотел бы получить высоту дочерних компонентов, чтобы я мог анимировать значение высоты, чтобы добиться...
611 просмотров
schedule
14.01.2024
контроль скорости панорамирования в React Native
Я использую это для реализации панорамирования на animated.view https://software-mansion.github.io/react-native-gesture-handler/docs/handler-pan.html
Этот анимированный вид также поддерживает масштабирование и масштабирование с использованием...
268 просмотров
schedule
08.03.2023
масштабирование нативной кнопки с анимированным
Я создаю сенсорную кнопку в React Native с анимацией. Когда кнопка нажата, она должна немного уменьшиться. Когда давление сбрасывается, оно должно вернуться к норме.
Это мой код:
export const TouchableButton = (props) => {
const {...
2020 просмотров
schedule
30.03.2024
использовать вычисляемые переменные в анимированных
Как использовать Animated Чтобы анимировать размер круга на основе вида, анимировать ширину и высоту, получить другие необходимые значения? (радиус и по центру слева/сверху) Анимация WH, вывод радиуса WH/2, по центру слева и сверху слева - радиус, а...
151 просмотров
schedule
17.02.2023
используйте Animate.css в ReactJS с помощью response-animated-css
Я пытаюсь реализовать Animate.css в React, и в ходе своих исследований я нашел пакет react-animated-css , который кажется довольно простым, однако я не мог заставить его работать.
В документации (если это можно назвать документацией) было...
4279 просмотров
schedule
22.03.2023