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

Posted 2023-02-27

【中文标题】Lottie Animation - 反应本机应用程序上未显示颜色

【英文标题】：Lottie Animation - Colors not showing on react native app

【发布时间】：2021-09-17 07:52:18

【问题描述】：

我在我的 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

【问题讨论】：

请展示您的风格并分享您的彩票文件

当然，请检查我是否更新了相关问题。

@ZaidQureshi 请检查

【参考方案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