{"_id":"@am-hooks/use-full-screen","_rev":"1-4a2cb0bed3b628951f36b95059965bc8","name":"@am-hooks/use-full-screen","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@am-hooks/use-full-screen","version":"1.0.0","description":"Make the screen bigger and return to original size","main":"index.js","repository":{"type":"git","url":"git+https://github.com/dorothy7964/am-hooks.git"},"keywords":["react","hooks","fullscreen","usefullscreen"],"author":{"name":"wooami"},"license":"MIT","bugs":{"url":"https://github.com/dorothy7964/am-hooks/issues"},"homepage":"https://github.com/dorothy7964/am-hooks#readme","peerDependencies":{"react":"^16.13.0","react-dom":"^16.13.0"},"_id":"@am-hooks/use-full-screen@1.0.0","_nodeVersion":"10.16.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-9vM6tVkIumuBhZTGcbbsVcxoxJJC6154pdpVuZzBiE25b4m+wUxlYTEjzNEMredkpxC+ed6gCkse5lcikMudMA==","shasum":"b5a6ab2d4c7b19480c5a1639379143cc89dd02b2","tarball":"https://registry.npmjs.org/@am-hooks/use-full-screen/-/use-full-screen-1.0.0.tgz","fileCount":4,"unpackedSize":3083,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZ//tCRA9TVsSAnZWagAAp7cP/i5Wjsw+J+Dpgs7EfmkL\nvlx/iRYwxIU6/pqZZ0ogyJBqnfpZPZsW8Y4bVyk0TCccCySt0NOYc51xKuyh\nfoRhr9q1kbg3pw9uljHVzITqbW4d1T9g1NWXKw1lavsNd67D6QeWwyB3AEL5\niP7tHK6E8DfGOQ/Yk4mZBHAEQq1C52u9inbDcNSAavGPYYPTGpdNYsQWZKxV\n3k9/ArqNYMjp0HKdiDww7GzjthLtpWDdLQmBmrN421cRwZsfTZGxKDfWHiui\nZkyZBXoq1FawDhebBk7RaeMX9vAh5I/vdr9mJdzaqN8mc4GaVjDqY+GITT6o\nXwxcckOiHxGCCp6DCEswguCg9X4Wf1Qj4s47VyXh7wBamWFGucqg+LOhd/DH\nnL73yH2jq4EJ5Z8JUDbx83x2AanyHPZuQJ9pfYEimhqCNXoxb65o3/8VNZsT\n5rDObmx6sHgRnPnQhV+dkG5QjA26GLQmmhz3BjOQTR5CQq3td9ThWWlvKW30\ne1zaLZRg9FFbU90t0SJAWj2rHOwYIf2r5iz+9fkv9vFngeD+tlESTn9xPpVo\nZ3dtUiYrnk19tg8KL6lXrrADTWDbj1a6gabTbDwdIz/uRndZouP2GkrHsR7u\nQEgjBj1lI0wJDS8k/iBPQbkrL3BscXNlZp/xUIeNfYY8cirleXHz+rS2EzzN\nOCpR\r\n=nuRg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICAmy+0it7FxaAG2ecKFzy+P4ZaV4wfsTurutnt556OzAiEAt9pEdjfeaq6/mdYkm9UEh992KxpRpJxdbzSgvdBwnfU="}]},"maintainers":[{"name":"wam-6577","email":"wam6577@gmail.com"}],"_npmUser":{"name":"wam-6577","email":"wam6577@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/use-full-screen_1.0.0_1583874029163_0.5992817562879109"},"_hasShrinkwrap":false}},"time":{"created":"2020-03-10T21:00:28.936Z","1.0.0":"2020-03-10T21:00:29.309Z","modified":"2022-04-04T13:42:28.609Z"},"maintainers":[{"name":"wam-6577","email":"wam6577@gmail.com"}],"description":"Make the screen bigger and return to original size","homepage":"https://github.com/dorothy7964/am-hooks#readme","keywords":["react","hooks","fullscreen","usefullscreen"],"repository":{"type":"git","url":"git+https://github.com/dorothy7964/am-hooks.git"},"author":{"name":"wooami"},"bugs":{"url":"https://github.com/dorothy7964/am-hooks/issues"},"license":"MIT","readme":"# useFullscreen\r\n스크린 크게 만들었다가 원래 사이즈로 가도록 하는 하기 <br><br>\r\n\r\n## Installation\r\n\r\n#### yarn\r\n\r\n`yarn add @am-hooks/use-full-screen`\r\n\r\n#### npm\r\n\r\n`npm i @am-hooks/use-full-screen` <br><br>\r\n\r\n## Usage\r\n\r\n```js\r\nimport React from \"react\";\r\nimport useFullscreen from \"@am-hooks/use-full-screen\";\r\n\r\nconst App = () => {\r\n  const [exitView, setExitView] = useState(false);\r\n  const onFull = isFull => {\r\n    setExitView(isFull);\r\n  };\r\n  const { element, triggerFull, exitFull } = useFullscreen(onFull);\r\n\r\n  return (\r\n    <>\r\n      <div ref={element}>\r\n        <img src=\"https://cdn.pixabay.com/photo/2020/01/14/13/11/sport-4765008__340.jpg\" />\r\n        {exitView && <button onClick={exitFull}>Exit Full Screen</button>}button>}\r\n      </div>\r\n      <button onClick={triggerFull}>Full Screen</button>\r\n    </>\r\n  )\r\n}\r\n```\r\n\r\n<br><br>\r\n","readmeFilename":"README.md"}