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

По вопросам, связанным с библиотекой react-native-animatable, которая предоставляет "декларативные переходы и анимацию для React Native".
0 ответов

Анимация плоского списка Android не работает должным образом

Я пытаюсь сделать анимацию на предметах, которые внутри flatList. Каждый элемент будет отображаться справа налево. На IOS работает нормально, а на Android нет. анимация содержит постепенное появление и трансформацию: translateX animation. Если есть …
0 ответов

Реагировать на собственный ScrollView

Я новичок, чтобы реагировать на нативный, у меня есть требование, при котором я должен прокручивать изображения по дуге, как прокрутка по полукруглой дуге, можно ли спроектировать то же самое с помощью scrollview, кто-нибудь может просто дать мне не…
04 дек '18 в 09:38
0 ответов

Реверс анимации в бесконечном режиме

Я использую реагирующую родную анимацию, когда использую zoomIn animate, после однократного увеличения - zoomOut, затем увеличение, как можно игнорировать обратное в бесконечном режиме <Animatable.View iterationDelay={2000} animation="zoomIn" ite…
2 ответа

Реактивный анимационный поворотный вид в onPress

Я пытаюсь повернуть свое изображение, когда оно нажимается, используя следующее: this.myView.transitionTo({ rotate: '180deg' }, 200); Я получаю ошибку: Нарушение инварианта: Преобразование с ключом "rotate" должно быть строкой: {"rotate":null} С пом…
23 фев '18 в 08:27
0 ответов

Целевой компонент / представление, которое не является дочерним

Я использую React Navigation и React Native Animatable, оба потрясающие. Можно ли взаимодействовать с другим компонентом реакции, который не является его дочерним? Как ниже. Я получаю ошибку "Нарушение инварианта: ожидается, что React.Children.All п…
0 ответов

Реагировать на анимацию с помощью встроенного анимированного значения

Я установил простое анимированное значение, например: this.state = { filterOffset = new Animated.Value(0) } handleToogle() { var _toValue = this.state.filterOffset.interpolate({ inputRange: [0, 1], outputRange: [1, 0] }) Animated.timing(this.state.f…
23 май '18 в 10:40
1 ответ

Вращайте диски с прикосновением пользователя в React Native

Я хочу создать диск как компонент в react-native, который пользователь может вращать касанием и выравнивать сегменты соответственно относительно маркера. Ниже приведено изображение компонента, который я собираюсь сделать: В центре находятся 3 диска,…
1 ответ

Реакция Родная точка Анимация

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

Как установить событие клика формы (ART) в реагировать родной?

Мне нужно написать событие клика определенной фигуры, которые рисуют, используя реагировать нативный ART Как я могу достичь этого? Можете ли вы поделиться своими идеями или мыслями об этом, так что я могу работать над этим. sectionAngles.map(section…
1 ответ

Как начать реагировать на родной анимирование на TouchDown

Я использую Expo и последнюю версию React-Native и хочу предоставить тонкую тактильную обратную связь для таких компонентов, как View или Button. В настоящее время я использую animatable, чтобы запустить анимацию импульса для события onPress(), но а…
1 ответ

Событие Drawer Navigator (открыть, закрыть) для анимации меню

Мой ящик const AppDrawerNavigator = createDrawerNavigator({ Home: { screen: HomeScreen, }, }, { contentComponent: Sidebar } ) Вот мой компонент боковой панели: (уточнено, чтобы быть более ясным) render() { const routes = [{ title: "Home", icon: "hom…
0 ответов

Реагируй на родную анимацию, открывая вид вверх-> вниз

Рассмотрим следующий компонент, где пользователь выбирает опцию из списка: import React, { Component } from "react"; import PropTypes from "prop-types"; import { View, Text, StyleSheet, Platform, FlatList, TouchableNativeFeedback, TouchableOpacity, …
0 ответов

Реагируйте на нативную карту Google, как эффект увеличения

Я в настоящее время использую реагировать нативно с Expo, и я хотел бы получить эффект карты Google, как слайд-меню (как показано в ссылке на YouTube ниже). Подозревается, что это комбинация перетаскивания, прокрутки и простого щелчка, я хочу знать,…
0 ответов

Как реализовать React родной обратный отсчет

Кто -то, пожалуйста, помогите мне реализовать круг обратного отсчета в реактивной системе. Я хочу, чтобы таймер запускался через 300 секунд и уменьшался до 0 с анимированным кругом и текстом (временем) внутри. я пытался использовать https://github.c…
1 ответ

Анимация Out/In для того же элемента в React Native

У меня есть TextView который будет fadeOutDown старые данные и fadeInDown новые данные на следующем рендере. Как мне это сделать? Я использую react-native-animatable библиотека и удалось сделать одну анимацию, но не знаю, как сделать две. <Animat…
2 ответа

Перезагрузка анимации React-native-animatable библиотека

Парень, я использую библиотеку реагировать-родной-анимируемый. В основном, когда я загружаю свое приложение, анимация запускается, однако, когда я перехожу на другую вкладку и возвращаюсь на начальную страницу, анимация больше не запускается. Я дума…
2 ответа

Есть ли способ сделать Animated.Value массивом в React Native?

Я хочу хранить высоты нескольких <View>s в массиве, и анимировать все эти значения вместе. Что-то вроде этого: <Animated.View style={{height: this.state.heights[0]}}/> <Animated.View style={{height: this.state.heights[1]}}/> <An…
1 ответ

React Native - заливка цвета фона с переходом

У меня есть вид, что я заполняю его цветом фона соответственно. Например, если пользователь выбирает один элемент из пяти компонентов, мой взгляд должен заполнить 20% цветом. Я правильно заполнил свой взгляд цветом. Но так как я не могу использовать…
14 ноя '18 в 12:14
0 ответов

Отменить регистрацию интерполированного анимированного значения

Есть ли способ развязать интерполированное значение и анимировать его самостоятельно? this.dragX = this.translateX.interpolate({ inputRange: [0, 75], outputRange: [0, 75], extrapolate: 'clamp', }); В какой-то функции я хочу анимировать значение drag…
0 ответов

Предупреждение: Ошибка типа реквизита: недопустимая опора `opacity` типа`object` передана в `Image`, ожидаемое`number`

Во время шутки я получаю это странное предупреждение о том, console.error node_modules/fbjs/lib/warning.js:33 Warning: Failed prop type: Invalid prop `opacity` of type `object` supplied to `Image`, expected `number`. Bad object: { "position": "absol…