AppAndFlow/react-native-safe-area-context
کاربرد:
این کتابخانه به تو کمک می‌کنه تا به راحتی با منطقه امن (Safe Area) در دستگاه‌های مختلف مثل آیفون‌های با ناچ یا دستگاه‌های اندرویدی با بارهای ناوبری پیچیده کار کنی. این یعنی محتوای اپ شما زیر بارهای سیستمی قرار نمی‌گیره و در تمام صفحه‌ها به درستی نمایش داده می‌شه.
در چه شرایطی بهتره استفاده شود؟
اگر داری یک اپلیکیشن React Native می‌سازی که باید روی آیفون، اندروید و وب به خوبی نمایش بده، این کتابخانه گزینهٔ عالی‌ایه. به خصوص وقتی می‌خوای طراحی‌ات در تمام دستگاه‌ها یکدست باشه و از قرار گرفتن دکمه‌ها یا محتوا زیر بار وضعیت یا باتوم ناوبری جلوگیری کنی. ️
چند مثال از موارد استفاده
- قرار دادن هدر یا فوتر به گونه‌ای که زیر ناچ یا بار اندروید قرار نگیره.
- نمایش یک صفحه ناوبری با فضای مناسب در لبه‌های صفحه.
- طراحی یک صفحه پررنگ (fullscreen) مثل گالری عکس یا ویدیو که بدون تداخل با منطقه امن کار کنه. ️️
- ##react
- ##safe
- ##mobile
- ##cross
- ##ui
- ##android
- ##ios
- ##web
- ##javascript
- ##responsive