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

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

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

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

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

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

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

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

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}}/>

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

значит

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

да

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

ERROR: S client not available

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

соответственно проблема тут 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

Или используй стрелочные animate = () => {...

так там тогда по идее скоуп будет

анонимный

и this будет другой, разве нет?

No)

same shit

ну блин, тебе нужно это сделать со всеми функциями в которых ты this используешь

Покеж как анимейт в рендере вызывается

в том числе с твоей handleRefresh