последнее время

было у кого так?

Application loader

чувак - победитель по жизни

Ни одного дроп-фрейма)

we need to go deeper

че та я не врубаюсь в простую вещь, сделал анимацию которая крутит иконку и все клево работает, а как мне теперь и самое главное как обратится при онклике к какому-то элементу и заставить его проигрывать анимацию?

нашел какие то рефы которые задают свойство компонента через анонимную функцию

это в ту сторону?

это в ту сторону?

Смотри на Animated

да я уже все сделал, анимация работает

теперь хочу связать ее с событием

а не просто крутить

не понятно как эта связь происходит

всмысле?

всмысле нажал кнопку, в другом месте че-нидь покрутилось

сделай функцию в которой вызывается Animated.start()

всмысле нажал кнопку, в другом месте че-нидь покрутилось

я обычно тригерю анимацию при обновлении пропсов через редакс

это для меня черная магия

редакс флюкс мобх

мне че-нидь потупее

ну какая разница. подход с редаксом просто упрощает проброс данных из одной части приложения в другое

это типа евентбаса?

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

но не суть, если у тебя нет редакса то все можно сделать без редакса без проблем

делаешь функцию в которой у тебя стартует анимация

короче это какой то синглтон с методами ;D

пробрасываешь ее через пропсы

и вызываешь по нажатию кнопки

так, вот момент пробрасывать через пропсы мне не понятен

остальное понятно

я реакт нейтив первый день смотрю если что

поэтому такие тупые вопросы)

короче это какой то синглтон с методами ;D

не. там не глобальный обьект, он не доступен в открытую всему приложению. и кроме того он immutable. т.е. там данные не могут менятся

я реакт нейтив первый день смотрю если что

а обычный реакт тож первый день?

вообще никогда не использовал

ну. про пропсы ты вообще представляешь?

что это и как работает?

да у меня уже есть пропсы

state = { rotateAnim: new Animated.Value(0), }

меня интересует только 1 вопрос

Всем привет. Кто нибудь использовал реакт натив видео?

у меня есть <Animated.Image/>, как мне конкретно сказать что анимацию нужно в нем крутить и в определенном свойстве transform

событие клика есть, анимация есть

в доках тупо не вижу такого примера

мм

https://twitter.com/reactdaily/status/882263242504122372

сейчас пример<Animated.Image style={[toolbarStyles.refresh, {transform: [{rotate: this.rotateAnim}]}]} source={require('../img/refresh/ic_refresh_white.png')}/>

оно тупо крутится на старте

по понятным причинам

state = { fadeAnim: new Animated.Value(0), } Animated.timing( // Animate value over time this.state.fadeAnim, // The value to drive { toValue: 1, // Animate to final value of 1 } ).start(); <Animated.Image style={{opacity: this.state.fadeAnim}}/>

ага, надо его связать со стейтом

значит

Всем привет. Кто нибудь использовал реакт натив видео?

да

так, еще один тупой вопрос есть

мне дает реакт такую логичную ошибку, что начальное значение это число, а в ротейте нужны градусы

соответственно проблема тут rotateAnim: new Animated.Value(0),

если например `const spin = this.state.rotateAnim.interpolate({ inputRange: [0, 1], outputRange: ['0deg', '360deg'] })` подставить в статической анимации то оно работает, видимо сразу значение подменяется на '0deg'

так вроде у тебя правильное решение

const spin = this.state.rotateAnim.interpolate({ inputRange: [0, 1], outputRange: ['0deg', '360deg'] }) <Animated.Image style={{transform: [{rotate: spin}] }} />

так это не на событие

а просто крутить)

ладно че то я уже запутался, завтра подумаю

так это не на событие

нет. ты запускаешь анимацию по Animated.start()

то что выше - просто интерполяция

Самое что смешное что в вебовском реакте так и нет норм анимации) смотрят на нэйтив и завидуют))

ясно, тогда остался только 1 вопрос, как мне обратится к animate(), а то ошибку undefined дает

не мастер жса, думаю где то банальный косяк

underfined is not a function ;D

В конструкторе this.animation.bind(this) ?

нету конструктора, он тут нужен?

и animation - нету такого свойства или метода

мне просто в рефреше надо вызвать animate и все будет работать

={this.animate.bind(this)}

ясно, тогда остался только 1 вопрос, как мне обратится к animate(), а то ошибку undefined дает

constructor(props) { super(props) this.animate = this.animate.bind(this) }

same shit