React + Lottie动画滚动图
React是一个用于构建用户界面的JavaScript库，它由Facebook开发并开源。React采用组件化的开发模式，可以将页面拆分成独立的、可复用的组件，使得开发更加高效和可维护。React具有虚拟DOM的特性，可以高效地更新和渲染页面。
Lottie是一个由Airbnb开发的动画渲染库，它可以将Adobe After Effects中创建的动画导出为JSON格式，并在移动端和Web端进行渲染。Lottie支持多种平台和开发语言，包括React。
动画滚动图是一种通过动画效果来展示内容的图形，通常用于网页设计中的视觉效果增强。通过React和Lottie的结合，可以实现在网页中展示复杂的、高质量的动画滚动图。
优势：
- 高质量的动画效果：Lottie可以将由专业设计师在After Effects中创建的动画效果直接导出，并在网页中高效渲染，保证了动画的质量和流畅度。
- 跨平台支持：Lottie支持多种平台和开发语言，包括React，可以在不同的设备和环境中使用相同的动画效果。
- 组件化开发：React的组件化开发模式使得动画滚动图的开发更加高效和可维护，可以将动画滚动图拆分成独立的组件，方便复用和管理。
应用场景：
- 网页设计：动画滚动图可以用于网页设计中的各种场景，如首页的引导动画、产品展示的动态效果等，提升用户体验和页面吸引力。
- 广告宣传：动画滚动图可以用于广告宣传中，通过生动的动画效果吸引用户的注意力，提高广告的点击率和转化率。
- 教育培训：动画滚动图可以用于教育培训领域，通过动画的形式生动地展示知识点，提高学习效果和趣味性。
推荐的腾讯云相关产品： 腾讯云提供了一系列与云计算相关的产品和服务，以下是一些推荐的产品：
- 云服务器（CVM）：提供弹性的、可扩展的云服务器实例，适用于部署React和Lottie动画滚动图的应用程序。
- 云存储（COS）：提供安全可靠的对象存储服务，适用于存储动画滚动图的资源文件。
- 云网络（VPC）：提供灵活的、安全的网络环境，适用于搭建React和Lottie动画滚动图的网络架构。
- 云安全中心（SSC）：提供全面的云安全解决方案，保护React和Lottie动画滚动图的安全性。
- 人工智能（AI）：提供丰富的人工智能服务，如图像识别、语音识别等，可以与React和Lottie动画滚动图进行集成，实现更多的交互和智能化功能。
腾讯云产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 云网络（VPC）：https://cloud.tencent.com/product/vpc
- 云安全中心（SSC）：https://cloud.tencent.com/product/ssc
- 人工智能（AI）：https://cloud.tencent.com/product/ai
相关·内容
1回答
我创造了不同的动画思想Bodymovin。当滚动条到达动画时，我想启动动画。我正在试着想办法，但不幸的是我做不到。 我正在使用Gatsby JS (React框架)。我将代码粘贴到.js文件的下面： import React, { Component } from 'react'
import Lottie from 'react-lottie'
import animationData from './paginaweb.json'
class UncontrolledLottie extends Component {
rende
浏览 21提问于2019-10-11得票数 0
1回答
如何目标与悬停一个特定的动画，当我有多个乐透动画在同一个页面上的反应使用lottie-web。文档指出，在lottie.play()中，我可以插入一个name参数来针对特定的动画，所以我做了这个lottie.play(container)，但是它没有工作。
import React, { useEffect, useRef } from "react";
import lottie from "lottie-web";
function App() {
const containerOne = useRef(null);
const container
浏览 5提问于2022-01-28得票数 1
回答已采纳
我有一个Lottie动画，它使用react-lottie ()呈现。
import Lottie from 'react-lottie'
import animationData from './path/to/animation.json'
const MyComponent = () => {
const myOptions = {
loop: true,
autoplay: true,
renderer: 'canvas',
animationData: ani
浏览 37提问于2021-03-15得票数 1
回答已采纳
在React原生应用程序中，我们尝试将Lottie动画加载为闪屏。 在android中，我可以通过为android Lottie库创建一个本地视图来实现它。I want to play lottie animation in splash screen+ React native 我需要在iOS中同样的，目前，我们有一个图像闪屏，我们已经实现了images.xcassets和LaunchScreen.storyboard (请参阅屏幕截图) ? ? 有没有可能在这里使用Lottie动画代替这些图像？ 有一个解决方法，我可以在开始应用程序内容之前在app.js中添加Lottie
浏览 96提问于2021-05-07得票数 2
我有一个奇怪的问题，洛蒂动画在反应/盖茨比。我已经尝试过许多插件，比如react lottie、lottie-react、lottie-web等等，它们都会在来回浏览页面的同时，开始阻塞dom。
我用这个问题做了一个例子：，如果您在页面之间导航，转到第2页，和返回主页，很快就会停止DOM，动画也开始呈现额外的内容。
我把动画渲染成这样：
import * as React from "react"
import { Link } from "gatsby"
import Layout from "../components/layout"
im
浏览 2提问于2021-04-19得票数 0
回答已采纳
2回答
我目前正在开发一个next.js应用程序，我的目标是拥有一个带有声音的“问候动画”。
当动画开始时，我遇到了触发事件的问题，所以我可以启动同步的音乐。
这是我的代码，它显示动画，但不记录任何内容：
import React, { useEffect, useRef } from "react";
import lottie from "lottie-web";
function App() {
const container = useRef(null);
useEffect(() => {
lottie.loadAnimation({
浏览 10提问于2022-01-12得票数 1
回答已采纳
3回答
我正在做一个网站，它的登陆页面上有一个lottie动画，我如何调整lottie组件的大小，以便在移动设备上将显示设置为none。
下面的lottie组件
import React from "react";
import Lottie from "react-lottie";
import data from "./Lottie/87736-car-animation.json";
export default function App() {
const defaultOptions = {
loop: true,
autoplay: t
浏览 18提问于2022-04-26得票数 0
回答已采纳
我正在尝试一个简单的react-lottie示例。我没有得到任何错误，但动画没有显示。
我尝试了另一个教程，它的方法略有不同，结果是相同的-没有错误，也没有动画。
我试着从Lottie files网站上为其他人换掉json文件，但都没有用。
我不知道如何解决这个问题，因为我不知道从哪里开始调试。
有什么想法吗？
非常感谢
import React, { Component } from 'react'
import Lottie from 'react-lottie'
import * as animationData from './globe.jso
浏览 5提问于2020-05-17得票数 0
React Native版本: react-native: 0.59.8
Lottie版本："lottie-react-native"："^3.3.2“
动画正在使用这个动画工作：
但不是这个(我的定制)：
React原生代码：
import React from 'react';
import { Button, StyleSheet, View } from 'react-native';
import LottieView from "lottie-react-native";
ex
浏览 4提问于2020-03-09得票数 1
1回答
这是我的代码，目前它显示了两次svg1。我想让svg1和svg2看看。 未来我想添加2个以上的SVG动画。我是新来的react和lottie import React from 'react';
import Lottie from 'react-lottie';
import svg1 from '../../assets/svg/svg1';
import svg2 from '../../assets/svg/svg2';
export default function Landing() {
const def
浏览 19提问于2021-10-25得票数 0
我有一个react原生视图，里面有一个Lottie动画，但动画根本没有显示，屏幕只是黄色(封闭视图的背景颜色)。
下面是我的代码：
import React, { Component } from 'react';
import {
StyleSheet,
View,
} from 'react-native';
import LottieView from 'lottie-react-native';
export default class Splash extends Component {
constructor(prop
浏览 26提问于2019-02-15得票数 1
2回答
学习反应在这里，我只是想显示一个乐天动画。看起来相当直截了当，但我的useEffect钩子有点问题。我使用钩子在页面加载时呈现动画，但它会不断重复(有时会重复两次或更多)。我知道这是因为useEffect会触发不止一次，但我不知道如何处理。我只想在页面上放一个动画。我怎样才能做到这一点？
import React, { useEffect, useRef } from "react";
import "./index.scss";
import lottie from "lottie-web";
const Hero = () => {
浏览 8提问于2022-04-27得票数 1
回答已采纳
每次我的状态改变的时候，我都会试着给lottie添加动画。
但它不会像下面这样触发；
import Lottie from 'react-lottie'
const GeneralHeader = ({ headerData }) => {
const basketRef = useRef(null)
....
const basketOptions = {
loop: false,
autoplay: false,
animationData: basketAnimation,
rendererSettings: {
浏览 4提问于2021-05-09得票数 1
我只是想了解如何从组件访问lottie响应返回参数。在他们已经设置的示例组件中，有一个返回的列表。
例如，如何访问Lottie.setDirection()以将其设置为单击时的-1以使动画向后播放？还是Lottie.pause()来暂停动画？
import { useLottie } from "lottie-react";
import groovyWalkAnimation from "./groovyWalk.json";
const style = {
height: 300,
};
const E
浏览 8提问于2022-01-06得票数 1
1回答
我使用一个Lottie动画作为我的网站的背景(由普通的超文本标记语言/CSS/JS组成)，通过滚动ScrollMagic来控制。但是，在显示其余内容后，动画大约需要1秒才能加载。它最初要长得多，但我能够减小文件大小并提高压缩率。我试图在Lottie加载时添加一个淡入动画，这样它就不会像突然出现的那样不那么刺耳。我当前用来呈现/加载Lottie的代码是 var animData = {
container: elem,
renderer: 'svg',
loop: false,
autoplay: false,
rendererSettings: {
浏览 30提问于2021-01-29得票数 0
我有以下代码和
import "./styles.css";
import lottie from "lottie-web";
import { useEffect, useRef } from "react";
import logo from "pic";
export default function App() {
const el = useRef(null);
useEffect(() => {
if (el != null) {
lottie.loadAnimation({
浏览 2提问于2021-07-15得票数 3
我正在开发一个与骰子相关的小游戏。我有6个Lottie动画，每个都是一个模子面。当用户点击“滚动”时，一个随机的骰子面朝上。因此，一个随机的Lottie动画。问题是每个动画文件(json文件)都是320KB。每当用户点击滚动时，网站就会发出一个http请求，这可能需要300-400ms。我正在寻找一种不需要http请求就能使用这些动画的方法。换句话说，每当我单击“滚动”时，动画都会平滑地呈现出来。此外，我更喜欢的解决方案将是PWA友好的未来计划。 ?
浏览 13提问于2021-03-30得票数 0
回答已采纳
我试图运行“lottie”来响应本机，但是在成功构建XCODE之后，我得到了一个错误：
试图注册名为“Lottie动画视图”的RCTBridgeModule类LRNAnimationViewManager，但是名称已经由.
类似问题：
。
卸载、卸载和重新安装，重新连接似乎不起作用。安装了与>RN0.58相关联的“lottie-ios”、“lottie-react本机”的正确版本：
。
还尝试在XCODE的'embedded framework‘选项卡中添加"Lottie.framework“。我正在尝试使用这个软件包来设置动画屏幕。
如有任何线索/建议，欢迎并提前
浏览 1提问于2019-08-03得票数 0
文档介绍是用图片设置封面图，但gif图片太大，要求用lottie加载.json实现动画效果来设置封面图。
浏览 180提问于2020-11-20
我为一个客户端创建了一个site。台式机的分数很好，但移动端的分数是results in an error。这是PageSpeed洞察的错误吗？非常令人沮丧，因为这将影响谷歌的网站性能。我能自己解决这个问题吗？我不想删除动画，但我有一种感觉，它是动画导致的问题。动画是使用react-lottie npm包通过lottie-web渲染的。
浏览 34提问于2021-10-22得票数 1
在我们的项目中，我们有大约10个使用react-lottie库的动画，并加载了可加载组件库。其中一些动画在Gatsby开发环境中崩溃了。我已经设法缩小了我这一端失败的范围，有2个。 该组件是这样构建的： @LottieComponent.tsx
import React, { CSSProperties } from 'react';
import Lottie from 'lottie-react';
import json from './lottieAnimation.json';
interface Props {
styles?
浏览 37提问于2021-02-02得票数 1
回答已采纳
2回答
保存动画实例以供以后使用
、、、、
我正在尝试用方法保存Lottie对象，以便以后使用(另一个useEffect)到状态中，但是状态说它是空的。
我想使用文档中指定的anim.playSegments方法。
Lottie .
更新1:尝试将anim包含到依赖数组和事件侦听器中，以检查动画是否已加载，但这没有帮助，应用程序导致了一个循环。
动画现在无限期地加载更新#2：在useEffect之外声明了一个变量，并在其中定义了它。摆脱了政府的做法。Anim仍然是空的。
import React, { useEffect, useRef, useState } from 'react';
import { use
浏览 12提问于2022-07-04得票数 2
回答已采纳
你好，我是第一次使用lottie动画，这是我第一次在react本机上使用它，我到了这样的地步: lottie动画播放，当动画用onAnimationFinish完成时，它应该导航到一个新页面，它在android上运行得很好，但是当我在ios上测试动画播放时，当动画结束时，它会把你留在同一个页面上，而onAnimationFinish没有触发。
const progress = useRef(new Animated.Value(0)).current;
const handleLikeAnimation = () => {
Animated.tim
浏览 9提问于2022-06-03得票数 0
1回答
动画JSON文件不从直接公共导入
、、、、
我需要帮助..。
我将一个JSON格式的动画导入到一个ReactJs项目中。(我使用的是nextJs和lottie)，但是当我在公用文件夹中导入它时，动画不会运行，但是如果我把它放在src中，它就会运行，但是它只能在运行时(本地)运行。
有人知道会发生什么吗？
import { Box, Button, Typography } from '@material-ui/core';
import Lottie from 'lottie-react';
import lotusCarAnimation from '/static/lotuserro4
浏览 12提问于2022-09-22得票数 -1
我只想在react原生中使用lottie视图播放动画的一段，长度约为5秒，而在speed={1}中，我只想播放前3秒，然后转到下一个屏幕，代码如下 LogoScreen.js： import React from 'react';
import { StyleSheet, View, Image, TextInput, StatusBar, Text } from "react-native";
import Icons from 'react-native-vector-icons/Ionicons';
import LottieView f
浏览 30提问于2020-04-10得票数 3
回答已采纳
我刚刚设置了一个新的Lottie视图动画作为我的react原生项目的闪屏，但在动画的初始循环中，它会闪烁，但在那之后的任何时候，它都是好的。
import React, { Component } from 'react';
import LottieView from 'lottie-react-native';
export default class LottieSplash extends Component {
constructor(props) {
super(props);
}
render() {
return
浏览 77提问于2021-05-06得票数 0
1回答
我在我的NextJS项目中使用了lottie JSON文件来展示一些很酷的动画。
问题是lottie JSON文件太大了，确实降低了应用程序的性能。有没有人找到了一种方法，可以在不降低项目性能分数的情况下使用少数这些动画？
我在我的个人网站(下面的链接)上使用它们，lottie文件位于服务部分(如果你在下面滚动一点)。最初的页面加载感觉有点慢，我真的很想找到一个解决方案。
浏览 47提问于2021-09-22得票数 2
我试图在我的反应项目中加载一个lottie-web动画，但是我一直收到这个错误，无法理解它意味着什么。
InvalidStateError: responseText只有在responseType为“”或“文档”时才可用。
下面是我的反应组件：
import React, { Component } from "react";
import "./Submit.css";
import PropTypes from "prop-types";
import lottie from "lottie-web";
class
浏览 0提问于2018-07-30得票数 5
回答已采纳
我正在尝试使用‘react-native-app- to slider’来处理Lottie动画。
它运行良好，但当我单击“上一步”或“下一步”按钮时，动画停止播放。
如何重新播放动画？
提前感谢！
const renderItem = ({ item }) => {
return (
<View style={styles.container}>
<LottieView
ref={LottieRef}
autoPlay
loop
source={item.lottie}
浏览 43提问于2021-02-13得票数 0
我正在尝试一个与lottie动画，将只触发一次时，达到一定的能见度水平。我的问题是，动画总是循环与useLottieInteractivity，我不知道如何使它只播放一次。
所以我的代码就是这样的：
import React, { useEffect } from "react"
import { useLottie, useLottieInteractivity } from "lottie-react"
import CMS from "../components/remdash/animations/cms.json"
const Lot
浏览 19提问于2022-09-09得票数 0
1回答
我使用react lotties，我想在许多div中放置不同的动画，只更改乐透的url。
我是个反应初学者，请善待:)
这是我的剧本：
My lotties组件：
import React, { Component } from "react"
import Lottie from "react-lottie"
import animationData from "./lotties1.json"
import animationData from "./lotties2.json"
imp
浏览 1提问于2019-12-01得票数 0
回答已采纳
1回答
我一直在尝试用按钮来控制乐天动画，我需要第一个按钮带我到动画的开始，第二个按钮到中间，第三个按钮到后面等等。我下载的用于测试的动画使用的是我试图访问的标记，并转到动画中的那个框架，但我做不到。动画还必须通过滚动向前或向后控制。
目前只有“开始”按钮才能工作。
LottieInteractivity.create({
mode:"scroll",
player:'#vpfxlbmm',
actions: [
{
visibility:[0,1],
type: "se
浏览 12提问于2022-09-23得票数 0
1回答
我试图把我现有的反应原住民(打字稿)项目转移到世博会。世博的一切都很好，除了乐蒂动画的模式(没有世博会，它是正常工作)。
我的代码：
export const SuccessModal = ({isVisible = false, onAnimationFinish}: Props) => {
let animation: any = React.createRef();
useEffect(() => {
if (isVisible) {
animation.current.play();
}
}, []);
return (
浏览 1提问于2022-03-31得票数 0
我已经构建了一个名为"CircleLoader“的自定义组件，它可以在Lottie动画可见时播放它。它用作加载动画。在iOS上，一切都运行得很好，但在安卓系统上，动画效果却不稳定。模拟器和真实设备上的屏幕介于黑色和动画本身之间。以前有没有人遇到过这个问题？根本没有显示任何错误。
这是我的组件代码，如果有用的话。
import React from 'react';
import { Button, StyleSheet, View } from 'react-native';
import { DangerZone } from 'expo
浏览 6提问于2018-06-04得票数 5
1回答
我试图在我的反应项目中包括一个乐天动画。它成功地加载Lottie组件，但没有图像。它无法解决资产问题。但是，它作为一个json (动画数据)和一个包含图像的图像目录交付给我。
我试图解决这个问题的方法是将json数据放在javascript文件中，这个js文件导入所有图像并在json数据中使用这些导入。这种方式的反应将解决这些图像的正确路径。我现在面临的问题是，我似乎无法正确地将这个javascript文件导入/服务到Lottie组件的animationData属性。
这是我到目前为止所得到的。它导致了Uncaught Error: Cannot find module '../../
浏览 0提问于2019-04-03得票数 0
我想让我的乐天动画进展与滚动的RecyclerView或ViewPager。然而，Lottie似乎只显示了“真实”框架，并且没有在它们之间进行插值。当通常播放动画时，这种情况不会发生，Lottie会在帧之间进行插值。如果我滚动得非常慢，我可以看到我的RecyclerView卷轴，但是Lottie没有更新框架。以下是我目前所做的工作：
recyclerView.addOnScrollListener(object : RecyclerView.OnScrollListener() {
override fun onScrolled(recyclerView: RecyclerView,
浏览 0提问于2019-03-08得票数 1
回答已采纳
1回答
我遵循了Lottie的每个本机响应示例，并查看了具有相同问题的问题，比如，但是我已经成功地导入了一个通过Bodymovin通过Bodymovin导出到.json的动画，在这里使用React本机：
import React, {Component} from 'react';
import Animation from 'lottie-react-native';
import {
StyleSheet,
Text,
View,
Animated,
Easing,
ScrollView,
RefreshControl,
AppReg
浏览 3提问于2017-07-14得票数 2
我正在使用react原生iOS应用程序，我想使用lottie动画启动屏幕或闪屏。最好的方法应该是什么。
浏览 0提问于2019-11-21得票数 0
我想在react本机中检测运行时的低性能设备，以禁用复杂的lottie动画。我考虑使用react-native-device-info的设备型号，但我应该有一个高性能手机的列表
浏览 0提问于2018-07-11得票数 4
可以在另一个组件上调用方法吗？
我已经创建了需要在单击时或在发生特定事件时进行切换的。
例如，我创建了一个React组件，其功能相当于媒体播放器上的播放按钮。我使用LottieJS和bodymovin来制作SVG按钮的动画。如果歌曲正在播放，按钮会显示暂停符号。如果歌曲停止播放，则会显示播放符号。
这是我的PlayButton组件...
import React from 'react';
import Lottie from 'react-lottie';
import PropTypes from 'prop-types';
import s
浏览 3提问于2018-03-06得票数 0
1回答
正在加载屏幕ReactJS
、、、、
我使用来自LottieFiles的动画加载来实现一个加载屏幕。我似乎得到了一些错误，探测一个语法错误，我不能解决。会非常感谢你的帮助。 import "./App.scss"
import { useState, useEffect } from "react";
import Menu from "./components/Menu/menu" ;
import Lottie from 'react-lottie';
import animationData from "./loading.json";
浏览 22提问于2021-06-16得票数 0
回答已采纳
嘿，伙计们，我想用Lottie和React Native来展示一杯充满水的水。 我发现了一些现成的Lottie文件，它们看起来相当不错，我想在我的应用程序中使用它们。 我安装了Lottie并将其链接(使用rn-link，我手动尝试了一下)。 我遇到一个错误，显示声明TypeError: Cannot read property "Commands“of undefined。-但在改变来源后，它消失了。我现在的问题是，它只向我显示一个白色屏幕，没有任何事情发生。 我甚至使用了取自Lottie Docs的官方代码(https://airbnb.io/lottie/#/react-nati
浏览 19提问于2020-04-22得票数 1
回答已采纳
当在expo和react-native中使用lottie时，所有的动画都可以在ios上运行，但在android上会导致应用程序崩溃。我是不是遗漏了一些android的特别之处？ 我已经创建了一个新项目，并通过复制文档here中的代码复制了这个问题 import React from 'react';
import { Button, StyleSheet, View } from 'react-native';
import LottieView from "lottie-react-native";
export default class
浏览 22提问于2019-09-06得票数 1
1回答
如何优化平等竞争？
、、、、
我用了一些来自react的动画，我需要叫它几次：
import image01 from 'images/lottie/image01.json';
import image02 from 'images/lottie/image02.json';
...
const defaultOptions = {
loop: true,
autoplay: true,
animationData: image01,
rendererSettings: {
preserveAspectRatio: 'xMidYMid
浏览 5提问于2022-09-13得票数 1
回答已采纳
我试图得到一个滑翔机，以更新它的位置，基于乐天动画的进步值。滑翔机可以控制乐天的进度，但如果我按下“播放乐透”按钮，它不会更新它的位置。如何让组件访问Lottie的进度值并根据进度值进行更新？我希望这个值是公开的，或者可以从其他组件中访问。外部组件似乎无法访问进步值。我试过"addListener“，但它什么也做不了。
我是新的反应-本地和编码在一般情况下。我在StackOverflow周围找了好多天了，什么也找不到。
export default class HomeScreen extends React.Component {
constructor(props) {
浏览 2提问于2020-03-24得票数 2
1回答
我试图为用TS编写的一个反应性组件编写一个单元测试：
import React, { useContext } from 'react';
import Lottie from 'lottie-react-web';
import { ConfigContext } from '../ConfigProvider';
import type { UIKitFC } from '../../types/react-extensions';
// interfaces
export interface LoadingOverlay
浏览 4提问于2021-07-13得票数 3
回答已采纳
1回答
所以我制作了一个自定义的lottie动画，并将其导入到我的Nuxt项目中。在滚动上控制动画的最好方法是什么？该组件有一个@AnimControl属性，但我不知道如何使用它。
浏览 21提问于2020-11-28得票数 0
回答已采纳
1回答
我想利用我正在创建的ReactJS应用程序中的一些按钮使用微交互。
我想做的是：
当我在div中的图标上悬停/鼠标hover时，我想要播放动画。这是图标的乐透。
EditIcon.jsx
import React, { Component } from 'react'
import Lottie from 'react-lottie'
import animationData from '../animations/edit.json'
export default class EditIcon extends Component {
con
浏览 3提问于2020-03-13得票数 4
我为我的应用程序提供了一个简单的splash加载动画--它曾经工作得很完美，而且在我的iOS模拟器上仍然工作得很完美。但是，试图通过局域网在我的LottieView设备上运行iOS完全没有任何意义，而且如果我发布一个构建并将其部署到iOS应用程序商店中。有趣的是，如果我继续更改任何LottieView属性，然后进行快速刷新--它将开始显示在我的设备上。
我一直在搜索论坛，但我通常会发现LottieView在安卓系统上工作的问题--我知道这是因为冲突，但没有人能从我所见过的事情中真正了解到这个问题。有什么想法吗？
这是我的密码：
return (
<View
style={{
浏览 10提问于2022-02-28得票数 3
我已经开发了一个底部标签导航器，并使用Lottie动画作为图标。我希望他们自动播放，只有一次，当它在焦点(如Binance应用程序)。我已经尝试了loop={false}，但这完全阻止了它的动画。守则如下：
import React from 'react';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import LottieView from 'lottie-react-native';
import Home from './
浏览 3提问于2021-09-20得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
