Lottie Animation - Colors not showing on react native app

user_1794208 0
Viewed 601

I have added a Lottie loading animation in my react native app, the animation is working so far but somehow colors are not showing but a white animation only.

Here is the code.

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

I have not done anything in the stylesheet. I have tried multiple animations but all are simple white. What could be the mistake I am doing here?

Update: Following is the styles code

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',
}

Following is the animation I am using

Lottie Animation Link

lottie react-native
1 Answers
<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
user_117629070
Related