【文件属性】：
文件名称：react-sheltr:React的共享元素转换帮助器组件
文件大小：209KB
文件格式：ZIP
更新时间：2021-05-13 02:58:26
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)