React + Lottie动画滚动图

文章/答案/技术大牛

发布

1回答

javascript、reactjs、animation、lottie、bodymovin

我创造了不同的动画思想Bodymovin。当滚动条到达动画时，我想启动动画。我正在试着想办法，但不幸的是我做不到。我正在使用Gatsby JS (React框架)。我将代码粘贴到.js文件的下面： import React, { Component } from 'react'import animatio

浏览 21提问于2019-10-11得票数 0

1回答

如何在React Native上创建生命线

react-native、react-native-animatable

我正在尝试在React Native上创建一个生命线动画，我已经查看了一些动画库，但没有找到，有什么办法吗？

浏览 16提问于2021-10-01得票数 0

1回答

如何目标与悬停一个特定的动画，当我有多个乐透动画在同一个页面上的反应使用lottie-web。文档指出，在lottie.play()中，我可以插入一个name参数来针对特定的动画，所以我做了这个lottie.play(container)，但是它没有工作。import React, { useEffect, useRef } from "react"; import lottie from "lo

浏览 5提问于2022-01-28得票数 1

回答已采纳

1回答

使用文档中的web样式的activityIndicator

reactjs、react-native、animation、react-native-android、react-native-ios

我正在试着做一个这样的ActivityIndicator 在ActivityIndicator的官方文档中，它的工作方式就像我想要的那样，我试着用动画api，但我没有让它工作。

浏览 3提问于2020-03-04得票数 0

2回答

React原生iOS -使用lottie文件的闪屏

react-native、react-native-ios、splash-screen、lottie

在React原生应用程序中，我们尝试将Lottie动画加载为闪屏。在android中，我可以通过为android Lottie库创建一个本地视图来实现它。I want to play lottie animation in splash screen+ React native 我需要在iOS中同样的，目前，我们有一个图像闪屏，我们已经实现了images.xcassets有没有可能在这里使用Lottie动画代替这些图像？有一个解决方法，我可以在开始

浏览 96提问于2021-05-07得票数 2

3回答

我想用ReactNative在iOS的闪屏上显示一个动态的GIF (或者想要有相同的行为)

ios、react-native、splash-screen、gif、animated-gif

正如标题所说，我想在iOS闪屏上显示动画GIF。然而，我看到了很多关于iOS闪屏不支持动画GIF的信息。如果你知道如何在iOS上实现类似闪屏的行为，你能给我一些建议吗？react-native: 0.60.6 谢谢。

浏览 5提问于2020-02-04得票数 1

1回答

如何在react-native中显示动画svg？

react-native、svg

如何在react-native中显示动画svg (带有关键帧)？目前我只能显示静态SVG。 react-native-svg似乎只能显示静态svg。

浏览 19提问于2020-01-31得票数 0

2回答

使用效果是重复lottie动画

reactjs、use-effect、lottie

学习反应在这里，我只是想显示一个乐天动画。看起来相当直截了当，但我的useEffect钩子有点问题。我使用钩子在页面加载时呈现动画，但它会不断重复(有时会重复两次或更多)。我只想在页面上放一个动画。我怎样才能做到这一点？import "./index.scss"; import lottie from "lottie</

浏览 8提问于2022-04-27得票数 1

回答已采纳

1回答

如何在调整包含react* lottie组件的浏览器大小时保持高宽比？*

reactjs、lottie

我有一个Lottie动画，它使用react-lottie ()呈现。import animationData from '.options={myOptions} width={1000} height={500} /> )动画显示和播放都很好。问题是，当调整浏览器的大小时

浏览 37提问于2021-03-15得票数 1

回答已采纳

2回答

视差-动画滚动效果

javascript、html、css、frontend

我一直想实现一个类似的效果，就像在这些苹果网站上，电脑动画随卷轴而变化。在搜索如何实现苹果在这些网站上所做的视差效应时，我并没有明确地发现同样的东西，这是如何实现的呢？

浏览 1提问于2019-11-24得票数 1

回答已采纳

1回答

用Lottie动画解决DOM瓶颈的gatsby

reactjs、lottie

我有一个奇怪的问题，洛蒂动画在反应/盖茨比。我已经尝试过许多插件，比如react lottie、lottie-react、lottie-web等等，它们都会在来回浏览页面的同时，开始阻塞dom。我用这个问题做了一个例子：，如果您在页面之间导航，转到第2页，和返回主页，很快就会停止DOM，动画也开始呈现额外的内容。我把动画渲染成这样： import * as React from "react&qu

浏览 2提问于2021-04-19得票数 0

回答已采纳

3回答

反应性js中lottie动画的屏幕调整

css、reactjs、bootstrap-4、react-hooks、lottie

我正在做一个网站，它的登陆页面上有一个lottie动画，我如何调整lottie组件的大小，以便在移动设备上将显示设置为none。下面的lottie组件import Lottie from "react-lottie"; import data from ".import Lottie from "..&

浏览 18提问于2022-04-26得票数 0

回答已采纳

2回答

动画中的触发器事件从lottie-web开始

typescript、events、next.js、lottie

我目前正在开发一个next.js应用程序，我的目标是拥有一个带有声音的“问候动画”。import React, { useEffect, useRef } from "react"; const container

浏览 10提问于2022-01-12得票数 1

回答已采纳

2回答

React Lottie不显示动画不显示(web)

javascript、html、reactjs、lottie

我正在尝试一个简单的react-lottie示例。我没有得到任何错误，但动画没有显示。我不知道如何解决这个问题，因为我不知道从哪里开始调试。import React, { Component } from 'react' import Lottie fro

浏览 5提问于2020-05-17得票数 0

2回答

我们如何在ios应用程序上实现我们在dribbble上看到的优秀动画？

ios、reactjs、react-native、hybrid-mobile-app、gsap

我是一名品牌识别和ui/ux设计师，我一直在想如何将我们在dribbble上看到的这些动画实现到原生ios/android和混合系统上。我在after effects和figma上做交互动画。是否有用于react原生和原生ios /android的库？

浏览 56提问于2019-03-14得票数 0

回答已采纳

2回答

自定义Lottie动画在React* Native中不起作用*

reactjs、react-native、animation、lottie

React Native版本: react-native: 0.59.8动画正在使用这个动画工作：React原生代码： import { Button, StyleSheet, View }

浏览 4提问于2020-03-09得票数 1

3回答

仅适用于ios的xcode中的react本地项目中使用lottie的自定义动画启动屏幕

ios、swift、react-native、splash-screen、launch-screen

我正在使用react原生iOS应用程序，我想使用lottie动画启动屏幕或闪屏。最好的方法应该是什么。

浏览 0提问于2019-11-21得票数 0

1回答

我想要显示2个不同的乐透动画，svg1和svg2

javascript、reactjs、svg、lottie、bodymovin

未来我想添加2个以上的SVG动画。我是新来的react和lottie import React from 'react';import svg1 from '../, justifyContent: 'center', alignItems: 'center' }}>

浏览 19提问于2021-10-25得票数 0

1回答

为什么我的Lottie动画没有显示在我的React原生应用程序中？

reactjs、react-native、animation、lottie

我有一个react原生视图，里面有一个Lottie动画，但动画根本没有显示，屏幕只是黄色(封闭视图的背景颜色)。下面是我的代码：import { View, import LottieView from 'lottie-react<

浏览 26提问于2019-02-15得票数 1

点击加载更多