文件名称:screenfull-react:一个实现screenfull.js的React组件
文件大小:888KB
文件格式:ZIP
更新时间:2024-05-26 10:28:07
全屏React
一个实现React组件。
带钩的0.2版本
Screenfull.js允许您创建全屏体验。 我之所以实现它,是因为我希望这种行为能够消除移动设备上滚动显示时的地址栏和导航栏,就像您在cnn.com等网站上看到的那样。 还有另一个库:react-screenfull,但是它不是托管在Github上,而且查看源代码时,我不喜欢它,因此这里是替代方法。
这在SSR环境中应该可以正常工作。
用法
安装
npm install screenfull-react
yarn add screenfull-react
用
使用全屏React有两种方法:
让它滚动执行(适用于移动设备)
强制全屏(适用于弹出窗口和其他单击触发的事件)
在其他方面,只需将
【文件预览】:
screenfull-react-master
----.gitignore(67B)
----.babelrc(513B)
----package.json(3KB)
----src()
--------index.js(3KB)
----dist()
--------screenfull-react.js(4KB)
--------screenfull-react.es.js(3KB)
--------screenfull-react.es.js.map(10KB)
--------screenfull-react.js.map(10KB)
--------screenfull-react.umd.js(3KB)
----LICENSE(1KB)
----.DS_Store(8KB)
----screenfull.code-workspace(43B)
----rollup.config.js(2KB)
----.prettierignore(20B)
----examples()
--------popup()
--------webpack.config.babel.js(789B)
--------.DS_Store(8KB)
--------scroll()
--------index.js(171B)
--------App.js(209B)
--------index.html(236B)
----.eslintrc.js(525B)
----README.md(2KB)
----.npmignore(0B)
----cnn_capture.gif(769KB)
----yarn.lock(283KB)