реагировать на изменение родного Animated.Image без мерцания - PullRequest
Новая
       24

реагировать на изменение родного Animated.Image без мерцания

0 голосов
/ 25 апреля 2018

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

Для этого я искал и решил использовать ref (прямое манипулирование)

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

Изменение источника изображения, запускается, когда изображение начинает перемещаться; ("onPanResponderStart") функция.вот код; 

          onPanResponderStart:(e, gesture)=>{
            //not change image!
            // this.refs['refTabure'].setNativeProps({
            //     source: require('../newImage.png')
            //   }); 

            //it works, but blink occurs
              this.setState({tabureSagImageUrl:require('../newImage.png')})
          },

...
          return (
            <View style={styles.TabureStyle}>
            <Animated.Image ref="refTabure" style={[panStyle, styles[this.props.Name], {opacity:this.state.opacity}]}
                {...this.panResponder.panHandlers} 
                source={this.state.tabureSagImageUrl}>
            </Animated.Image>

            </View>
          );

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

...