{"bugs":{"url":"https://github.com/react-community/react-native-safe-area-view/issues"},"dist":{"shasum":"90ee8383037010d9a5055a97cf97e4c1da1f0c3d","tarball":"https://registry.npmjs.org/react-native-safe-area-view/-/react-native-safe-area-view-0.14.9.tgz","fileCount":8,"integrity":"sha512-WII/ulhpVyL/qbYb7vydq7dJAfZRBcEhg4/UWt6F6nAKpLa3gAceMOxBxI914ppwSP/TdUsandFy6lkJQE0z4A==","signatures":[{"sig":"MEUCIBp/bYPRpgvLfbr0g/QR6OnNHZJsZ+QvicbAJgqwc3CpAiEA/XGESaG+g7VxCMcEKELY5QwPp8mk9qo33N4HqYCALro=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejKUyCRA9TVsSAnZWagAAwcUQAJQINkMY7kh06NGw/BNk\nDI/br75ASBy0/UGwkE2qgHm/r+8sS467KXZNar0EZGC2AJmrGkj8V6MKvW76\nT8YVemudZrHnsjb+xOPQAFEptuuc8+WFQAP4xIpz479lJJJaXeWJb+xZLJeN\ns/HuFaoG/qIYiFNF3GOwDRiY+LzrKjPBwlWIwZI/7YIWykRDmL7lkyx7Gh1E\nIkKLIuRxQGNV4AlwgQf3l3kWrs/vyfnJL6FwK7sG2+PwUNllh1XOqS5sk0fz\neUsglMjlG+y1Ux9J/VcAXIvYroJb6EERS17kJ3J58Fj6ufAgkhITRzSRi7Zx\nV6vXAKEXxYOAIwG+atrU/yxAoi9w24x+EMm15OXR6Rtt+/2dl0RMvxl4gD4R\nDENqhfDsyk0RMK0fzr3TPGlkAkciSK8D+v5sp14NX4GWouwbh+5QRfqAQPeA\nym58oaD3vRN+WtTUV8QnRs4YG5SUqaZknVwLuyFC6f7yjvmdUvJgFXeMwepB\nvjqpwTc9Q5tqZzDPfAHSE2ybQLv/E4RWqxod+FZvsZ4QPOTiE4bXSvlNP3j9\nMeABXKeYVutfXg7M9+WOGo60P0TdVesfImvZ2eGzpqLLw4gI9Csn1eaS3eTY\na0vrp4P3gnjZeVxclYBA6NneUcdwa4map4Rx4IIj0ivePDBchxyWbU99ZuoT\nVWWS\r\n=csoa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index","name":"react-native-safe-area-view","author":{"url":"dpack3.0@gmail.com","name":"Dave Pack"},"readme":"# react-native-safe-area-view\n\nThis is a JS-only version of React Native's SafeAreaView, it adds a small api that makes SafeAreaView more flexible for complex UIs.\n\n## Installation\n\n```\nnpm install react-native-safe-area-view\n```\n\n## Usage\n\nWrap components that touch any edge of the screen with SafeAreaView.\n\n```jsx\n<SafeAreaView>\n  <View>\n    <Text>Look, I'm safe!</Text>\n  </View>\n</SafeAreaView>\n```\n\nGet height of a specific side from the SafeArea.\n\n```jsx\n...\nconst { width, height } = Dimensions.get('window');\nimport { getInset } from 'react-native-safe-area-view';\n\nconst landScape = width > height;\nconst bottomPadding = getInset('bottom', landScape);\n```\n\n### forceInset\n\nSometimes you will observe unexpected behavior and jank because SafeAreaView uses `onLayout` then calls `measureInWindow` on the view. If you know your view will touch certain edges, use `forceInset` to force it to apply the inset padding on the view.\n\n```jsx\n<SafeAreaView forceInset={{ top: 'always' }}>\n  <View>\n    <Text>Yeah, I'm safe too!</Text>\n  </View>\n</SafeAreaView>\n```\n\n`forceInset` takes an object with the keys `top | bottom | left | right | vertical | horizontal` and the values `'always' | 'never'`. Or you can override the padding altogether by passing an integer.\n\n### With HOC\n\nSometimes you would prefer to use a higher-order component to wrap components.\n\n```js\nwithSafeArea()(Component);\n\n// Or with forceInset props\nwithSafeArea({ top: 'always' })(Component);\n```\n","gitHead":"f8ccc0ea55e1ebc8694b4855f5c435517247cdf9","license":"MIT","scripts":{"test":"test"},"_npmUser":{"name":"satya164","email":"satyajit.happy@gmail.com"},"homepage":"https://github.com/react-community/react-native-safe-area-view#readme","keywords":["react-native","iPhoneX","SafeAreaView"],"deprecated":"Package has been replaced by react-native-safe-area-context: https://www.npmjs.com/package/react-native-safe-area-context","repository":{"url":"git+ssh://git@github.com/react-community/react-native-safe-area-view.git","type":"git"},"_npmVersion":"6.13.4","description":"JS only version of SafeAreaView for supporting iPhone X safe area insets.","directories":{},"maintainers":[{"name":"brentvatne","email":"brentvatne@gmail.com"},{"name":"davepack","email":"davepack@icloud.com"},{"name":"satya164","email":"satyajit.happy@gmail.com"}],"_nodeVersion":"10.19.0","dependencies":{"hoist-non-react-statics":"^2.3.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.2.0","react-native":"^0.52.0"},"peerDependencies":{"react":"*","react-native":"*"},"_npmOperationalInternal":{"tmp":"tmp/react-native-safe-area-view_0.14.9_1586275633729_0.7586288627776605","host":"s3://npm-registry-packages"},"_id":"react-native-safe-area-view@0.14.9","version":"0.14.9"}