onPress中的React-native Animatable旋转视图

时间:2018-02-23 08:27:28

标签: react-native react-native-animatable

我正在尝试使用以下按钮旋转图像:

this.myView.transitionTo({ rotate: '180deg' }, 200);

我收到错误:

  

不变违规:使用“旋转”键进行转换必须是字符串:{“rotate”:null}

使用react-native-animatable库。不确定用于转换道具的正确语法是什么。

感谢。

1 个答案:

答案 0 :(得分:0)

尝试一下对我有用的

import * as Animatable from "react-native-animatable";

export default class App extends Component {
  constructor() {
    super();
    this.state = {
      back: false
    };
  }
  render() {
    return (
      <TouchableOpacity
        onPress={() => this.setState({ back: !this.state.back })}
      >
        <Animatable.Image
          source={require("./assets/images/nike.png")}
          style={{ width: 100, height: 100 }}
          animation={{
            from: {
              rotate: this.state.back ? "180deg" : "0deg"
            },
            to: {
              rotate: this.state.back ? "180deg" : "0deg"
            }
          }}
        />
      </TouchableOpacity>
    );
  }
}