Lottie Animation 显示没有颜色 React Native

Question

除了一个小问题外，我的项目中 Lottie React Native 运行良好。动画的颜色没有出现，我似乎无法确定原因是什么。组件很简单

import React from 'react';
import {StyleSheet, View, Text} from 'react-native';

const styles = StyleSheet.create({
  text: {
    fontFamily: 'Roboto-Bold',
    fontSize: 18,
  },
});

export default (props) => {
  return (
    <View style={{flex: 1, alignItems: 'center', justifyContent: 'center'}}>
      <Text style={styles.text}>Login Screen</Text>
    </View>
  );
};

这里可以看到 that the background of the animation is white when it should have a background colour set: https://lottiefiles.com/7825-money-transfer。任何 thoughts/guidance 表示赞赏。

Answer 1

这是工作示例小吃link：https://snack.expo.io/@msbot01/forlorn-raspberries

import React, { Component } from 'react';
import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
import LottieView from 'lottie-react-native';
 export default class NoNetwork extends Component {
    
   render() {
        return (
          <View style={{ flex: 1, backgroundColor:'green' }}>
            <LottieView source={require('./pay.json')} autoPlay loop />
          </View>
        );
      }
    }
    
    const styles = StyleSheet.create({});

Lottie Animation 显示没有颜色 React Native

Lottie Animation showing with no colour React Native

reactjs

react-native

lottie