وب‌سرویس مجید

پروژه react-native-size-matters

nirsky/react-native-size-matters

کاربرد:

این کتابخانه به تو کمک می‌کنه تا اندازه‌ی المان‌های رابط کاربری مثل فونت، فاصله، ابعاد و حاشیه‌ها رو به صورت نسبی و سازگار با اندازه‌ی مختلف صفحه‌نمایش دستگاه‌ها تنظیم کنی.

در چه شرایطی بهتره استفاده شود؟

وقتی داری یک اپلیکیشن ری‌اکت نیتیو می‌سازی و می‌خوای رابط کاربری توی دستگاه‌های مختلف (مثل گوشی‌های کوچیک و تبلت‌ها) به خوبی نمایش داده شود، استفاده از این کتابخانه عالیه. به خصوص اگر نمی‌خوای با محاسبات دستی و شرط‌های زیاد سر و کار داشته باشی.

چند مثال از موارد استفاده

- استفاده از scaledSize برای تنظیم فونت به صورت نسبی

- استفاده از moderateScale برای حاشیه‌ها و پدینگ‌های هوشمند

- استفاده از verticalScale و horizontalScale برای ابعاد عمودی و افقی که با تغییر اندازه صفحه نمایش، مقیاس‌دهی می‌شن

  • ##ReactNative
  • ##ResponsiveDesign
  • ##UIscaling
  • ##MobileDevelopment
  • ##CrossDevice
  • ##SizeMatters
  • ##Layout
  • ##Scaling
  • ##MobileUI
  • ##ReactComponents