Lottie-react-native未显示

llycmphe 于 2023-08-07 发布在 React

关注(0)|答案(2)|浏览(156)

我试了很多次，但它不显示
我想展示并解决这个问题，
这是我代码

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

const App = () => {
  return (
    <View style={{ backgroundColor: 'white', height: '100%' }}>
      <Text style={{ color: 'black' }}>Helo World</Text>
      <View style={{flex: 1, justifyContent: 'center', alignItems: 'center', width: '100%', backgroundColor: 'red'}}>
        <LottieView
          source={require('./PoliteChicky.json')}
          style={{width: '100%'}}
          autoPlay
          loop
        />
      </View>
    </View>
  )
}

字符串
导出默认应用程序

react-native

来源：https://stackoverflow.com/questions/76826306/lottie-react-native-is-not-showing

2条答案

按热度按时间

balp4ylt1#

将此添加到您的package.json文件中

"lottie-react-native": "^5.1.5",

字符串
将其导入到所需的文件中

import LottieView from "lottie-react-native";

型
在所需页面中使用LottieView，如下所示

<LottieView
                  source={images.searchloading}
                  style={{ width: 100, height: 100 }}
                  autoPlay
                  loop
                />

型

赞(0）回复(0）举报 2023-08-07

qij5mzcb2#

他悟空萨玛，我有这样的东西和作品，请尝试创建一个文件夹内的src文件夹像图像波纹管和地方的json从洛蒂内。如果这不起作用，你可以在github上分享你的项目，这样我们就可以更好地了解它。

的数据
这是一个Lottie动画：

的