Javascript 反应本机：自定义TouchableOpacity动画速度

根据

TouchableOpacity

，有一个

activeOpacity

道具来更改末端不透明度级别，还有一个

setOpacityTo

函数来将组件动画设置为任何不透明度级别。似乎没有任何关于更改动画速度的内容

---

如何更改动画速度？这有什么道具吗？我是否需要自定义

动画。查看
？
这将是方法的持续时间部分

setOpacityTo(value: number, duration: number)

React native在背景中使用setOpacityTo，使用

因此，如果您愿意，您也可以创建自己的动画事件。下面是一个示例，请确保将
useNativeDriver
设置为
true

  setOpacityTo: function(value: number, duration: number) {
    Animated.timing(
      this.state.anim,
      {
        toValue: value,
        duration: duration,
        easing: Easing.inOut(Easing.quad),
        useNativeDriver: true,
      }
    ).start();
  },

这就是方法的持续时间部分

setOpacityTo(value: number, duration: number)

React native在背景中使用setOpacityTo，使用

因此，如果您愿意，您也可以创建自己的动画事件。下面是一个示例，请确保将
useNativeDriver
设置为
true

  setOpacityTo: function(value: number, duration: number) {
    Animated.timing(
      this.state.anim,
      {
        toValue: value,
        duration: duration,
        easing: Easing.inOut(Easing.quad),
        useNativeDriver: true,
      }
    ).start();
  },

你知道当按下
TouchableOpacity
时，我将如何利用
setOpacityTo
来覆盖默认动画吗？@GabrielWest我已经用更多的花絮更新了我的答案，这些花絮应该会让你走上正确的道路。你知道我将如何利用
setOpacityTo
来覆盖默认动画吗当按下
touchablepacity
时的动画？@GabrielWest我已经用更多的花絮更新了我的答案，这些花絮应该会让你走上正确的道路。