react-sheltr:React的共享元素转换帮助器组件

时间:2024-06-01 20:45:06
【文件属性】:

文件名称:react-sheltr:React的共享元素转换帮助器组件

文件大小:209KB

文件格式:ZIP

更新时间:2024-06-01 20:45:06

reactjs animation shared-element-transition render-props JavaScript

React避难所 React应用程序的共享元素转换(Sh El Tr-> Sheltr)。 安装 npm install @taito/react-sheltr 目录 它是什么? 共享元素过渡是两个视图之间的过渡,其中两个视图共有的某个元素用于平滑过渡。 实际上,可以有两个(或多个)不同的元素进行转换(缩放和转换),以使它看起来像一个元素从一种状态变形为另一种状态。 在引擎盖下,React Sheltr使用技术进行繁重的工作来计算和动画化共享元素。 用法 请注意! React Sheltr使用React v16.3.0中引入的官方Context API,因此,如果您使用的React版本比该版本旧,则此模块将无法正常工作 :confused_face: 快速开始 首先,将Sheltr提供程序添加到视图层次结构树中的某处,就像您将添加redux Provider或样式化组件ThemeProvider一样。 请注意,


【文件预览】:
react-sheltr-master
----travis_old.yml(202B)
----rollup.config.js(402B)
----src()
--------index.js(7KB)
----.babelrc(32B)
----.npmignore(44B)
----examples()
--------public()
--------src()
--------README.md(321B)
--------.gitignore(217B)
--------package-lock.json(405KB)
--------package.json(582B)
----CONTRIBUTING.md(0B)
----.travis.yml(238B)
----LICENSE(1KB)
----__tests__()
--------index.spec.js(65B)
----.prettierrc(181B)
----README.md(6KB)
----logo.png(25KB)
----.gitignore(603B)
----.babelrc.js(458B)
----package-lock.json(374KB)
----package.json(2KB)

网友评论