LayoutAnimation.Types 都有哪些可用选项

Posted 2023-03-15

【中文标题】LayoutAnimation.Types 都有哪些可用选项

【英文标题】：What are the available options for LayoutAnimation.TypesLayoutAnimation.Types 有哪些可用选项

【发布时间】：2017-12-22 17:41:52

【问题描述】：

我有一个来自here 的自定义布局动画。

var CustomLayoutAnimation = 
    duration: 200,
    create: 
      type: LayoutAnimation.Types.linear,
      property: LayoutAnimation.Properties.opacity,
    ,
    update: 
      type: LayoutAnimation.Types.curveEaseInEaseOut,
    ,
  ;

运行代码时，我收到以下警告

警告：配置类型失败：配置 config.update.type 已标记 在LayoutAnimation.configureNext 中要求，但其值为 undefined.

代码中有一个 update.type 条目，但警告说它未定义。我猜自编写要点以来允许的值已经更新。 我试图找出可用的允许条目列表，但它们未在React Native LayoutAnimation documentation 中列出。

我想知道：

语法是否不再正确？ 是否有网页详细列出了可用类型的列表？

【参考方案1】：

每当我遇到这样的问题时，我都会去源代码。 Here's the file for LayoutAnimation.js from the react-native source code。基于此，我在第 25 行看到了一个 TypesEnum const 声明，如下所示：

const TypesEnum = 
  spring: true,
  linear: true,
  easeInEaseOut: true,
  easeIn: true,
  easeOut: true,
  keyboard: true,
;

我怀疑这就是您出错的原因 - curveEaseInEaseOut 不是受支持的类型。从上面的列表中选择一个，我认为你应该很高兴。希望这会有所帮助！