{"_id":"@aydinmemis/react-native-bottom-sheet-modal","_rev":"7-a0b9a77114696d41d07ce5e5bf942d65","name":"@aydinmemis/react-native-bottom-sheet-modal","dist-tags":{"latest":"1.0.6"},"versions":{"1.0.0":{"name":"@aydinmemis/react-native-bottom-sheet-modal","version":"1.0.0","keywords":["react-native","bottom-sheet","modal","gorhom","reanimated","animated","provider"],"author":{"name":"Aydın Memiş"},"license":"MIT","_id":"@aydinmemis/react-native-bottom-sheet-modal@1.0.0","maintainers":[{"name":"aydinmemis","email":"aydnmms@gmail.com"}],"dist":{"shasum":"9e971f6c002f860d3ac5519e9e451c87dfa0bb78","tarball":"https://registry.npmjs.org/@aydinmemis/react-native-bottom-sheet-modal/-/react-native-bottom-sheet-modal-1.0.0.tgz","fileCount":9,"integrity":"sha512-56oB5l13c/Dqoh4vjhKuKmmlvcxozwyipwQCH0JxnhkYHUdMrhBpValV9FOhHD+97N0gqvhgOPpX1HTvOLPv1Q==","signatures":[{"sig":"MEQCIGL62bswgvAZd5bILfLtLZ8T0A5tn0y3Qf6aYPzmg1CJAiBCwS9iKCRfYpMNmHCYnQStXtOP9xyHFKe2ZgJZrxjfkQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":8505},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.js","gitHead":"876054de6aa99f22e303801cdf9d0c522395d659","scripts":{"build":"tsc","prepare":"npm run build"},"_npmUser":{"name":"aydinmemis","email":"aydnmms@gmail.com"},"_npmVersion":"11.6.2","description":"Beautifully animated and lightweight BottomSheet modal built with @gorhom/bottom-sheet and Reanimated 4.","directories":{},"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.3.3","@types/react":"^19.2.2","@types/react-native":"^0.72.8"},"peerDependencies":{"react":">=18","react-native":">=0.73","@gorhom/bottom-sheet":">=5.0.0","react-native-reanimated":">=3.6.0","react-native-gesture-handler":">=2.14.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-bottom-sheet-modal_1.0.0_1762086443774_0.07889276115755184","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.2":{"name":"@aydinmemis/react-native-bottom-sheet-modal","version":"1.0.2","keywords":["react-native","bottom-sheet","modal","gorhom","reanimated","animated","provider"],"author":{"name":"Aydın Memiş"},"license":"MIT","_id":"@aydinmemis/react-native-bottom-sheet-modal@1.0.2","maintainers":[{"name":"aydinmemis","email":"aydnmms@gmail.com"}],"homepage":"https://github.com/aydinmemis/react-native-bottom-sheet-modal#readme","bugs":{"url":"https://github.com/aydinmemis/react-native-bottom-sheet-modal/issues"},"dist":{"shasum":"b2c047b04da1bfd456406e749849ee3d64551405","tarball":"https://registry.npmjs.org/@aydinmemis/react-native-bottom-sheet-modal/-/react-native-bottom-sheet-modal-1.0.2.tgz","fileCount":9,"integrity":"sha512-ei6Y0+MENefdhALfUDnZ4mpB4kJuOy4A5H8PlJUahgSPdy4Se1PZvDyALnf29S+/B0tdvC+HPchlTedtAS0dyw==","signatures":[{"sig":"MEYCIQC3KKkZz918C6t9iFEA7pJiguIyLDoVSCYYgUGYGv3fawIhAJu9W0ibZPDRLZ7V5LRZKmfAOKMR0eP9hg4ynP9ZhUcg","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":15439},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.js","gitHead":"81f04643816f37172089546535a16cf83b624578","scripts":{"build":"tsc","prepare":"npm run build"},"_npmUser":{"name":"aydinmemis","email":"aydnmms@gmail.com"},"repository":{"url":"git+https://github.com/aydinmemis/react-native-bottom-sheet-modal.git","type":"git"},"_npmVersion":"11.6.2","description":"Beautifully animated and lightweight BottomSheet modal built with @gorhom/bottom-sheet and Reanimated 4.","directories":{},"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.3.3","@types/react":"^19.2.2","@types/react-native":"^0.72.8"},"peerDependencies":{"react":">=18","react-native":">=0.73","@gorhom/bottom-sheet":">=5.0.0","react-native-reanimated":">=3.6.0","react-native-gesture-handler":">=2.14.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-bottom-sheet-modal_1.0.2_1762087084775_0.26045698038413234","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.3":{"name":"@aydinmemis/react-native-bottom-sheet-modal","version":"1.0.3","keywords":["react-native","bottom-sheet","modal","gorhom","reanimated","animated","provider"],"author":{"name":"Aydın Memiş"},"license":"MIT","_id":"@aydinmemis/react-native-bottom-sheet-modal@1.0.3","maintainers":[{"name":"aydinmemis","email":"aydnmms@gmail.com"}],"homepage":"https://github.com/aydinmemis/react-native-bottom-sheet-modal#readme","bugs":{"url":"https://github.com/aydinmemis/react-native-bottom-sheet-modal/issues"},"dist":{"shasum":"4d8a8b35f9bf80b24806f3bb6f773d58335937fa","tarball":"https://registry.npmjs.org/@aydinmemis/react-native-bottom-sheet-modal/-/react-native-bottom-sheet-modal-1.0.3.tgz","fileCount":9,"integrity":"sha512-puDALSxehTV7y4Z2XUGH+Gl0TevqGj/edL5ZTiAyCZOkLeUhDsyjXZMiCH7rF3zZ67Gv9TIIInz/eY2viofAhQ==","signatures":[{"sig":"MEYCIQD2xQoRMLIxUPd76Kvrwgqqh5thV6qlSw3yFKj8OVcjUwIhALO/7tKtMz6NUNtlOUwOPPmMdL+gn4lVO0AJaNGcQUpt","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":15459},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.js","gitHead":"5117449c554489c528f520f025a8b4ba8f0f40ba","scripts":{"build":"tsc","prepare":"npm run build"},"_npmUser":{"name":"aydinmemis","email":"aydnmms@gmail.com"},"repository":{"url":"git+https://github.com/aydinmemis/react-native-bottom-sheet-modal.git","type":"git"},"_npmVersion":"11.6.2","description":"Beautifully animated and lightweight BottomSheet modal built with @gorhom/bottom-sheet and Reanimated 4.","directories":{},"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.3.3","@types/react":"^19.2.2","@types/react-native":"^0.72.8"},"peerDependencies":{"react":">=18","react-native":">=0.73","@gorhom/bottom-sheet":">=5.0.0","react-native-reanimated":">=3.6.0","react-native-gesture-handler":">=2.14.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-bottom-sheet-modal_1.0.3_1762097717412_0.3681925780405211","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.4":{"name":"@aydinmemis/react-native-bottom-sheet-modal","version":"1.0.4","keywords":["react-native","bottom-sheet","modal","gorhom","reanimated","animated","provider"],"author":{"name":"Aydın Memiş"},"license":"MIT","_id":"@aydinmemis/react-native-bottom-sheet-modal@1.0.4","maintainers":[{"name":"aydinmemis","email":"aydnmms@gmail.com"}],"homepage":"https://github.com/aydinmemis/react-native-bottom-sheet-modal#readme","bugs":{"url":"https://github.com/aydinmemis/react-native-bottom-sheet-modal/issues"},"dist":{"shasum":"9a5ef2866421be220d81b52652c97c2c9e917ba5","tarball":"https://registry.npmjs.org/@aydinmemis/react-native-bottom-sheet-modal/-/react-native-bottom-sheet-modal-1.0.4.tgz","fileCount":9,"integrity":"sha512-B28RrRzF0DSFNrdHUj+uqVxfWVBvcvnFpNoEJNjPvIzbLVSjX9MtsgiBjjmdmssA9arGB33nEd9V3c5djg/STw==","signatures":[{"sig":"MEUCIQC8khSEqiUxE5xgz2iTUX2k4caBcZp4v8pOtm1IHKgMZAIgB74hie0otEXWDfYhOx4LJT4NC5LtTNU6l8MSrbUCW9Y=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":15362},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.js","gitHead":"c118b0dda01df4a34759f00ee4faa52c0aa3168d","scripts":{"build":"tsc","prepare":"npm run build"},"_npmUser":{"name":"aydinmemis","email":"aydnmms@gmail.com"},"repository":{"url":"git+https://github.com/aydinmemis/react-native-bottom-sheet-modal.git","type":"git"},"_npmVersion":"11.6.2","description":"Beautifully animated and lightweight BottomSheet modal built with @gorhom/bottom-sheet and Reanimated 4.","directories":{},"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.3.3","@types/react":"^19.2.2","@types/react-native":"^0.72.8"},"peerDependencies":{"react":">=18","react-native":">=0.73","@gorhom/bottom-sheet":">=5.0.0","react-native-reanimated":">=3.6.0","react-native-gesture-handler":">=2.14.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-bottom-sheet-modal_1.0.4_1762099209843_0.5827383902704444","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.5":{"name":"@aydinmemis/react-native-bottom-sheet-modal","version":"1.0.5","keywords":["react-native","bottom-sheet","modal","gorhom","reanimated","animated","provider"],"author":{"name":"Aydın Memiş"},"license":"MIT","_id":"@aydinmemis/react-native-bottom-sheet-modal@1.0.5","maintainers":[{"name":"aydinmemis","email":"aydnmms@gmail.com"}],"homepage":"https://github.com/aydinmemis/react-native-bottom-sheet-modal#readme","bugs":{"url":"https://github.com/aydinmemis/react-native-bottom-sheet-modal/issues"},"dist":{"shasum":"2311efe8a9eb191dbfacdd0167e40566908fc824","tarball":"https://registry.npmjs.org/@aydinmemis/react-native-bottom-sheet-modal/-/react-native-bottom-sheet-modal-1.0.5.tgz","fileCount":9,"integrity":"sha512-hCofte2KWWBIlqIVuZKTbkqw0uAAwrNbZcT9ZU25C94L2567+d6qYXWPiGGcTjnERQMA0Jv2U/a/FCS7rH5eWQ==","signatures":[{"sig":"MEUCIQCzz7dnWDsUHLcuzXMyelBWcdMJljE2JAYvb4vonedEVAIgaqvK6QlXM/Yua9g6gmMpTTXou2BK9hjlPJbG35kPVYQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":15735},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.js","gitHead":"5120c2fb694f8ca985106fb3da6bd7a8c431c150","scripts":{"build":"tsc","prepare":"npm run build"},"_npmUser":{"name":"aydinmemis","email":"aydnmms@gmail.com"},"repository":{"url":"git+https://github.com/aydinmemis/react-native-bottom-sheet-modal.git","type":"git"},"_npmVersion":"11.6.2","description":"Beautifully animated and lightweight BottomSheet modal built with @gorhom/bottom-sheet and Reanimated 4.","directories":{},"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.3.3","@types/react":"^19.2.2","@types/react-native":"^0.72.8"},"peerDependencies":{"react":">=18","react-native":">=0.73","@gorhom/bottom-sheet":">=5.0.0","react-native-reanimated":">=3.6.0","react-native-gesture-handler":">=2.14.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-bottom-sheet-modal_1.0.5_1762100104077_0.08885944438924387","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.6":{"name":"@aydinmemis/react-native-bottom-sheet-modal","version":"1.0.6","keywords":["react-native","bottom-sheet","modal","gorhom","reanimated","animated","provider"],"author":{"name":"Aydın Memiş"},"license":"MIT","_id":"@aydinmemis/react-native-bottom-sheet-modal@1.0.6","maintainers":[{"name":"aydinmemis","email":"aydnmms@gmail.com"}],"homepage":"https://github.com/aydinmemis/react-native-bottom-sheet-modal#readme","bugs":{"url":"https://github.com/aydinmemis/react-native-bottom-sheet-modal/issues"},"dist":{"shasum":"d28e19a2189ba112b05fcdbeab6207775cb88d83","tarball":"https://registry.npmjs.org/@aydinmemis/react-native-bottom-sheet-modal/-/react-native-bottom-sheet-modal-1.0.6.tgz","fileCount":9,"integrity":"sha512-TPT3crq6ZQIdE7tFn7qYXaZjVoUhtVVFJpZ0ayZ6zrP4zxb8cqykD4xvYSg8olcVlZg8BY/xBZ3H+hsufWymvg==","signatures":[{"sig":"MEQCIF773EfD1RIybEzUVdTw5SeWVJCSjNTWbcUiKVDiw+6hAiABLVPXudNR6FUpr53rXZfxZKosVRSnotcVhz5QSA1mFw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":15851},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.js","gitHead":"e84bee32860ea947cd3292f1d67d06852988f7c9","scripts":{"build":"tsc","prepare":"npm run build"},"_npmUser":{"name":"aydinmemis","email":"aydnmms@gmail.com"},"repository":{"url":"git+https://github.com/aydinmemis/react-native-bottom-sheet-modal.git","type":"git"},"_npmVersion":"11.6.2","description":"Beautifully animated and lightweight BottomSheet modal built with @gorhom/bottom-sheet and Reanimated 4.","directories":{},"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.3.3","@types/react":"^19.2.2","@types/react-native":"^0.72.8"},"peerDependencies":{"react":">=18","react-native":">=0.73","@gorhom/bottom-sheet":">=5.0.0","react-native-reanimated":">=3.6.0","react-native-gesture-handler":">=2.14.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-bottom-sheet-modal_1.0.6_1762116271966_0.0036682649366739373","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."}},"time":{"created":"2025-11-02T12:27:23.671Z","modified":"2025-11-03T13:55:49.092Z","1.0.0":"2025-11-02T12:27:23.961Z","1.0.2":"2025-11-02T12:38:04.974Z","1.0.3":"2025-11-02T15:35:17.619Z","1.0.4":"2025-11-02T16:00:10.052Z","1.0.5":"2025-11-02T16:15:04.286Z","1.0.6":"2025-11-02T20:44:32.150Z"},"bugs":{"url":"https://github.com/aydinmemis/react-native-bottom-sheet-modal/issues"},"author":{"name":"Aydın Memiş"},"license":"MIT","homepage":"https://github.com/aydinmemis/react-native-bottom-sheet-modal#readme","keywords":["react-native","bottom-sheet","modal","gorhom","reanimated","animated","provider"],"repository":{"url":"git+https://github.com/aydinmemis/react-native-bottom-sheet-modal.git","type":"git"},"description":"Beautifully animated and lightweight BottomSheet modal built with @gorhom/bottom-sheet and Reanimated 4.","maintainers":[{"name":"aydinmemis","email":"aydnmms@gmail.com"}],"readme":"# @aydinmemis/react-native-bottom-sheet-modal\n\nBeautifully animated, lightweight, and type-safe **Bottom Sheet Modal Provider** built with [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet) and [React Native Reanimated 4](https://docs.swmansion.com/react-native-reanimated/).\n\nThis package provides a **global bottom sheet context** for your app — allowing you to open modals dynamically with smooth, iOS-style animations and Reanimated-powered transitions.\n\n---\n\n[![npm version](https://img.shields.io/npm/v/@aydinmemis/react-native-bottom-sheet-modal.svg?color=blue)](https://www.npmjs.com/package/@aydinmemis/react-native-bottom-sheet-modal)\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](LICENSE)\n[![React Native](https://img.shields.io/badge/React%20Native-%3E%3D0.73-green.svg)](https://reactnative.dev/)\n[![GitHub](https://img.shields.io/badge/source-github-black?logo=github)](https://github.com/aydinmemis/react-native-bottom-sheet-modal)\n[![Homepage](https://img.shields.io/badge/homepage-online-blue)](https://github.com/aydinmemis/react-native-bottom-sheet-modal#readme)\n\n---\n\n## ✨ Features\n\n- 🎬 Smooth, native-feel **Reanimated 4 transitions**\n- 🧩 **Context-based API** — open sheets from anywhere in your app\n- 💡 Works with **@gorhom/bottom-sheet v5+**\n- 🌙 Blurred backdrop with adaptive opacity\n- 📱 Fully compatible with both iOS & Android\n\n---\n\n## ⚙️ Installation\n\n```bash\nnpm install @aydinmemis/react-native-bottom-sheet-modal\n# or\nyarn add @aydinmemis/react-native-bottom-sheet-modal\n```\n\n---\n\n### 📦 Peer Dependencies\n\nMake sure the following dependencies are also installed in your project:\n\n```bash\nnpm install react react-native react-native-reanimated react-native-gesture-handler @gorhom/bottom-sheet\n```\n\nIf using Expo:\n\n```bash\nnpx expo install react-native-reanimated react-native-gesture-handler @gorhom/bottom-sheet expo-blur\n```\n\n---\n\n## 🚀 Usage\n\n```tsx\nimport React from \"react\";\nimport { Button, View, Text } from \"react-native\";\nimport {\n  BottomSheetModalProvider,\n  useBottomSheet,\n} from \"@aydinmemis/react-native-bottom-sheet-modal\";\n\nconst ProductSheet = ({ name, stock, closeSheet }: any) => (\n  <View style={{ padding: 20 }}>\n    <Text style={{ fontSize: 18, fontWeight: \"600\" }}>{name}</Text>\n    <Text>Stock: {stock} units</Text>\n    <Button title=\"Close\" onPress={closeSheet} />\n  </View>\n);\n\nconst HomeScreen = () => {\n  const { presentWithProps } = useBottomSheet();\n\n  return (\n    <View style={{ flex: 1, alignItems: \"center\", justifyContent: \"center\" }}>\n      <Button\n        title=\"Open Bottom Sheet\"\n        onPress={() =>\n          presentWithProps(ProductSheet, { name: \"MacBook Air\", stock: 12 })\n        }\n      />\n    </View>\n  );\n};\n\nexport default function App() {\n  return (\n    <BottomSheetModalProvider>\n      <HomeScreen />\n    </BottomSheetModalProvider>\n  );\n}\n```\n\n---\n\n## 🪄 Props and API\n\n### `useBottomSheet()`\n\nHook for interacting with the modal globally.\n\n| Function                                          | Description                              |\n| ------------------------------------------------- | ---------------------------------------- |\n| `openSheet(content, snapPoints?)`                 | Opens a custom ReactNode in the sheet    |\n| `closeSheet()`                                    | Closes the active sheet                  |\n| `presentWithProps(Component, props, snapPoints?)` | Opens a component with props dynamically |\n\n---\n\n## 🧠 How it works\n\nUnder the hood:\n\n- Uses a single global `BottomSheetModal` reference.\n- Animations powered by Reanimated 4.\n- Smooth blur backdrop and easing curves.\n- Lightweight and non-intrusive — no Redux, no extra providers.\n\n---\n\n## 📄 License\n\nMIT © [Aydın Memiş](https://github.com/aydinmemis)\n\n---\n\n# 🇹🇷 Türkçe\n\n[@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet) ve [React Native Reanimated 4](https://docs.swmansion.com/react-native-reanimated/) kullanılarak oluşturulmuş, **hafif, animasyonlu ve tip güvenli** bir Bottom Sheet modal sağlayıcısıdır.\n\nBu paket, uygulamanızda her yerden erişilebilen **global bir Bottom Sheet context** sunar — böylece istediğiniz ekrandan dinamik olarak alt modallar açabilirsiniz.\n\n---\n\n## ✨ Özellikler\n\n- 🎬 Yumuşak ve doğal **Reanimated 4 geçişleri**\n- 🧩 **Context tabanlı API** — uygulamanın herhangi bir yerinden açılabilir\n- 💡 **@gorhom/bottom-sheet v5+** ile uyumlu\n- 🌙 Adaptif bulanık arka plan efekti\n- 📱 iOS ve Android ile tam uyumlu\n\n---\n\n## ⚙️ Kurulum\n\n```bash\nnpm install @aydinmemis/react-native-bottom-sheet-modal\n# veya\nyarn add @aydinmemis/react-native-bottom-sheet-modal\n```\n\n### Gerekli Paketler (Peer Dependencies)\n\n```bash\nnpm install react react-native react-native-reanimated react-native-gesture-handler @gorhom/bottom-sheet\n```\n\nExpo kullanıyorsanız:\n\n```bash\nnpx expo install react-native-reanimated react-native-gesture-handler @gorhom/bottom-sheet expo-blur\n```\n\n---\n\n## 🚀 Kullanım\n\n```tsx\nimport React from \"react\";\nimport { Button, View, Text } from \"react-native\";\nimport {\n  BottomSheetModalProvider,\n  useBottomSheet,\n} from \"@aydinmemis/react-native-bottom-sheet-modal\";\n\nconst ProductSheet = ({ name, stock, closeSheet }: any) => (\n  <View style={{ padding: 20 }}>\n    <Text style={{ fontSize: 18, fontWeight: \"600\" }}>{name}</Text>\n    <Text>Stok: {stock} adet</Text>\n    <Button title=\"Kapat\" onPress={closeSheet} />\n  </View>\n);\n\nconst HomeScreen = () => {\n  const { presentWithProps } = useBottomSheet();\n\n  return (\n    <View style={{ flex: 1, alignItems: \"center\", justifyContent: \"center\" }}>\n      <Button\n        title=\"Bottom Sheet Aç\"\n        onPress={() =>\n          presentWithProps(ProductSheet, { name: \"MacBook Air\", stock: 12 })\n        }\n      />\n    </View>\n  );\n};\n\nexport default function App() {\n  return (\n    <BottomSheetModalProvider>\n      <HomeScreen />\n    </BottomSheetModalProvider>\n  );\n}\n```\n\n---\n\n## 🧠 Nasıl Çalışır?\n\n- Global bir `BottomSheetModal` referansı kullanır\n- Animasyonlar **Reanimated 4** ile güçlendirilmiştir\n- Arka plan efekti ve geçişler iOS benzeri yumuşaklıkta\n- Hafif ve bağımsız — Redux veya ek Provider gerekmez\n\n---\n\n## 📄 Lisans\n\nMIT © [Aydın Memiş](https://github.com/aydinmemis)\n\n---\n\n**📍 Repository:** [https://github.com/aydinmemis/react-native-bottom-sheet-modal](https://github.com/aydinmemis/react-native-bottom-sheet-modal)\n**🌐 Homepage:** [https://github.com/aydinmemis/react-native-bottom-sheet-modal#readme](https://github.com/aydinmemis/react-native-bottom-sheet-modal#readme)\n","readmeFilename":"README.md"}