react-native - 我如何将 ColorFilter 与 React-Native-Lottie 一起使用？

Question

我似乎无法让 colorFilter Prop 与我的 .json 文件一起使用。
没有错误，但颜色显然没有改变。

<LottieView
     style={{
         width: 90,
         height: 90,
     }}
     colorFilters={
       [
         {
         keypath: "asdf",
         color: "#abcdef",
         }
       ]
     }
     source={badge.icon}
     loop={false}
/>

我正在使用 BodyMovin 从 After Effects 导入 .json
但是我是否正确更改了图层名称？如果不是，为什么这不起作用？

Answer 1

我无法让 colorFilters 工作，但您可以尝试执行以下操作:

import myAnimation from "./../img/myAnimation.json";

在渲染部分使用 LottieView 和导入而不是 require 内联

<LottieView        
  //source={require("./../img/radius.json")}
  source={myAnimation}
/>

现在你可以直接从 json 对象操作属性，就比如这里我根据实际颜色操作颜色(从黑到白或从白到黑)

myAnimation.layers[1].shapes[0].it[1].c.k = myAnimation.layers[1].shapes[0].it[1].c.k[0] == 0 ?  [1,1,1,1] : [0,0,0,1];

要找出您需要的属性是什么，请检查 json，它不是很清楚，但是通过一些试验和错误，您可以理解结构。