screenfull-react:一个实现screenfull.js的React组件

时间:2024-05-26 10:28:07
【文件属性】:

文件名称: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有两种方法: 让它滚动执行(适用于移动设备) 强制全屏(适用于弹出窗口和其他单击触发的事件) 在其他方面,只需将添加到您的组件中即可。 特性 scrollContainerRef 默认值:null 用作检测滚动


【文件预览】:
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)

网友评论