Lottie Animation - 反应本机应用程序上未显示颜色

Question

我在我的 React Native 应用程序中添加了一个 Lottie 加载动画，该动画到目前为止可以正常工作，但不知何故没有显示颜色，只有一个白色动画。

这是代码。

<View style={styles.lottieLoadingWrapper}>
  <LottieView
    style={styles.lottieLoading}
    source={require('../assets/loading-2.json')}
    autoPlay
    loop
  />
</View>

我没有在样式表中做任何事情。我尝试了多种动画，但都是简单的白色。我在这里做错了什么？

更新：样式代码如下

lottieLoadingWrapper: {
  width: 50,
  height: 50,
  justifyContent: 'center',
  alignItems: 'center',
  backgroundColor: 'yellow',
  alignSelf: 'center',
},
lottieLoading:{
  width: 50,
  height: 50,
  backgroundColor: 'rgba(120, 120, 120, 0.66)',
  justifyContent: 'center',
  alignItems: 'center',
}

以下是我使用的动画

Lottie Animation Link

Answer 1

<View style={styles.lottieLoadingWrapper}>
  <LottieView
    style={styles.lottieLoading}
    source={require('../assets/loading-2.json')}
    autoPlay
    loop
  />
</View> 


Please Change the Color in JSON file, Find "sc":"#ffffff" and 
Replace with your color

Lottie Animation - 反应本机应用程序上未显示颜色

Lottie Animation - Colors not showing on react native app

react-native

lottie