{"bugs":{"url":"https://github.com/react-community/react-native-safe-area-view/issues"},"dist":{"shasum":"98fc9bb1bf3cb8c97ba684efb7dd897765afff3b","tarball":"https://registry.npmjs.org/react-native-safe-area-view/-/react-native-safe-area-view-2.0.0.tgz","fileCount":21,"integrity":"sha512-tGlGZwRoZpTQ0gEdSSRgbkeyyKC50ZsEv2H/LQKjXhc00IHffbU0BA5chSzTqNwDrs5MFXfTG1ooRQK+0FVTjw==","signatures":[{"sig":"MEUCIGRV9xRmw+Jzqy8vCOQRdFOpCGOxl9EFyv20rKzCm6uiAiEAykd1qScTQZ3RJUOa4xu+1aigzrTRDX5InCHIo1Be2PQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82990,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevwvwCRA9TVsSAnZWagAAxHwP/3gswVkNjyp2kTyYKlPC\n5RGmWzO5aVMbSw3anklAzF9kuOpyTJKmYL0PdQRLW6edooWaIUeJX7EjDrlz\nX+nF4AX8CGE41KWw52mtXzNSIftgO3g4ykun9/NHDPqb5pBv7HtrvGUZ/kQg\nborJ/4RrUlkJYPH7uXqiU3t2r1due4yu/BSIkrzbfJDtrr3ChoavD+Rt9RFL\nhnSn/YlgxEwHvVYuxRNHALGR2fr8TbV9mO6gsd4P3QfyO42wwcSp/lKrlGpn\n72C+7jdIEJst2+VCzanZ6vmnWi8P6ahGvb0QBAyksBg/rXlQ4s9+ltPKTvZY\nbLEo/yIvHWtcwcKODDJ6/x/h3yRIqHiYCOrmjHf9ERglpv+o26emv5lItAB/\nt6+MI5/YqfiRzYPIK77vh94gN+c53+sUS8NhpGKgNnX4Hza1fUFkD+99wHrR\nH5F61nKGK1pRVsO8SJ7b5xOgJwZh8Mvg51dirUdRvUH3+g3lFcKtbU2CLkfk\nY/ekuzvOqqoEtGaVOTx2v1kc04ZIQ7+n8TMAmJpRwmER59/fFUsOpZ4TAsZA\nwICyTlaZ2haGLvND+o23cYX4TM8jr1600cJMAu4KUvHqwaEqSR0Yi16G6DeF\nx7HKfk0cPU03zImy/hdjpUDRGlUd+vHd2Shd0H0+3B/AYUKv8w6YprvVtnI0\nfkIX\r\n=mA8E\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/commonjs/index.js","name":"react-native-safe-area-view","types":"lib/typescript/index.d.ts","author":{"url":"dpack3.0@gmail.com","name":"Dave Pack"},"module":"lib/module/index.js","readme":"# react-native-safe-area-view\n\nThis library provides automatic padding when a view intersects with a safe area (notch, status bar, home indicator).\n\n## Installation\n\n### In the Expo managed workflow:\n\n```\nexpo install react-native-safe-area-view react-native-safe-area-context\n```\n\n### In bare React Native projects:\n\n```\nyarn add react-native-safe-area-view react-native-safe-area-context\n```\n\nNext, you need to link `react-native-safe-area-context`. If you are using autolinking, run `npx pod-install` again. If not, follow [these instructions](https://github.com/th3rdwave/react-native-safe-area-context#getting-started). Then re-build your app binary.\n\n## Usage\n\nFirst you need to wrap the root of your app with the `SafeAreaProvider`.\n\n```js\nimport * as React from 'react';\nimport { SafeAreaProvider } from 'react-native-safe-area-context';\nimport MyAwesomeApp from './src/MyAwesomeApp';\n\nexport default function App() {\n  return (\n    <SafeAreaProvider>\n      <MyAwesomeApp />\n    </SafeAreaProvider>\n  );\n}\n```\n\nNow you can wrap components that touch any edge of the screen with a `SafeAreaView`.\n\n```jsx\nimport SafeAreaView from 'react-native-safe-area-view';\n\nexport default function MyAwesomeApp() {\n  return (\n    <SafeAreaView style={{ flex: 1 }}>\n      <View style={{ flex: 1 }}>\n        <Text>\n          Look, I'm safe! Not under a status bar or notch or home indicator or\n          anything! Very cool\n        </Text>\n      </View>\n    </SafeAreaView>\n  );\n}\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### Accessing safe area inset values\n\nSometimes it's useful to know what the insets are for the top, right, bottom, and left of the screen. See the documentation for [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context) for more information.\n","gitHead":"9ffbaccd4a8294350fbedfeeeebd5e2723127a1c","license":"MIT","scripts":{"test":"yarn validate:prettier && yarn typescript","example":"yarn --cwd example","prepare":"bob build","bootstrap":"yarn example && yarn","typescript":"tsc --noEmit","validate:prettier":"npx prettier \"src/**/*.{js,ts,tsx}\" \"example/**/*.{js,ts,tsx}\" --check"},"_npmUser":{"name":"brentvatne","email":"brentvatne@gmail.com"},"homepage":"https://github.com/react-community/react-native-safe-area-view#readme","keywords":["react-native","iPhoneX","SafeAreaView","safe area","notch"],"prettier":{"singleQuote":true,"trailingComma":"es5"},"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.14.4","description":"Add padding to your views to account for notches, home indicators, status bar, and possibly other future things.","directories":{},"maintainers":[{"name":"brentvatne","email":"brentvatne@gmail.com"},{"name":"davepack","email":"davepack@icloud.com"},{"name":"satya164","email":"satyajit.happy@gmail.com"}],"_nodeVersion":"14.2.0","dependencies":{"hoist-non-react-statics":"^2.3.1"},"react-native":"src/index.tsx","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.3","prettier":"^1.18.2","typescript":"^3.8.3","@babel/core":"^7","@types/react":"~16.8","react-native":"~0.61.4","@types/react-native":"^0.62.1","@react-native-community/bob":"^0.6.1","react-native-safe-area-context":"^1.0.0"},"peerDependencies":{"react":"*","react-native":"*","react-native-safe-area-context":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-safe-area-view_2.0.0_1589578735765_0.10263105481767476","host":"s3://npm-registry-packages"},"@react-native-community/bob":{"output":"lib","source":"src","targets":["commonjs","module","typescript"]},"_id":"react-native-safe-area-view@2.0.0","version":"2.0.0"}