تكرار السؤال: …
الإجابة المختصرة
بتهيئة كائن linking في NavigationContainer مع تحديد الـ prefixes (Scheme و Web Domain) وربط روابط الـ URL بمسارات الشاشات ومعاملاتها.
الشرح
تتيح الروابط العميقة للمستخدمين النقر على رابط مثل https://myapp.com/products/42 أو myapp://products/42 ليقوم النظام بفتح التطبيق مباشرة والتوجيه لشاشة المنتج المحددة. يتضمن الربط إعداد Universal Links (iOS) و App Links (Android) عبر ملفات التوثيق apple-app-site-association و assetlinks.json.
مثال بالكود
const linking = {
prefixes: ['myapp://', 'https://myapp.com'],
config: {
screens: {
MainTabs: {
screens: {
Feed: 'feed',
},
},
Details: 'product/:id',
},
},
};
<NavigationContainer linking={linking} fallback={<LoadingSpinner />}>
<RootNavigator />
</NavigationContainer>;أخطاء شائعة
- نسيان دعم حالة التراجع والـ Fallback للمسارات العميقة مما يؤدي لتعطل التطبيق عند زيارة رابط بمعاملات خاطئة.