Как я могу перевернуть изображения по вертикали и по горизонтали в то время как реагировать родной. - PullRequest
Новая
       10

Как я могу перевернуть изображения по вертикали и по горизонтали в то время как реагировать родной.

0 голосов
/ 30 мая 2018

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

1 Ответ

0 голосов
/ 30 мая 2018

Вы должны использовать Animated от Reaction-native.Код будет выглядеть примерно так: 

import React, { Component } from 'react';

import {View, Text, TouchableOpacity, Animated} из'act-native ';

класс экспорта по умолчанию AppProject extends Component {

constructor(){

  super();


}

flip_Card_Animation=()=> {

    Animated.spring(this.animatedValue,{
      toValue: 0,
      tension: 10,
      friction: 8,
    }).start();
}

render() {

  this.SetInterpolate = this.animatedValue.interpolate({

    inputRange: [0, 180],

    outputRange: ['180deg', '360deg']

  })

  const Rotate_Y_AnimatedStyle = {

    transform: [

      { rotateY: this.SetInterpolate }

    ]

  }

  return (

    <View style={styles.MainContainer}>

        <Animated.Image source={{uri : 'https://reactnativecode.com/wp-content/uploads/2018/02/motorcycle.jpg'}} 
        style={[Rotate_Y_AnimatedStyle, styles.imageViewStyle]}>

        </Animated.Image>

        <TouchableOpacity style={styles.TouchableOpacity_button} onPress={this.flip_Card_Animation} >

          <Text style={styles.TextStyle}> Click Here Flip </Text>

        </TouchableOpacity>

    </View>

);
}

Надеюсь, что это полезно.

...