مشكله في عرض شاشه Drawer في ReactNative

يجب عليك فهم المشكلة لتستطيع حل أي مشكلة تواجهك

تقول لك أن الموجه أو Navigator يجب أن يحوي على 'screen' أو 'group' أو 'react.fragment' فقط

والمشكلة أنه وجد المكون (DrawerNavigator) وهذا المكون ليس من الذين تم ذكرهم

يقول لك أيضا لتعرض هذا المكون مرره داخل props للمكون screen 

بدايةً من المهم جداً تنسيق الكود حتى يصبح قابلاً للقراءة لك وللجميع. لاحظ أنك تحاول إستعمال نوعين من navigators وبالتأكيد كل واحد منهم له الـ rules الخاصة به. يمكنك وضع drawer داخل navigationContainer لكن بدون stack.navigator   , stack.screen  وكما تلاحظ في رسالة الخطأ باللون الأحمر ولحل المشكلة يمكنك النظر في المثال أدناه لأخذ الفكرة عن الحل

...
const Drawer = createDrawerNavigator();
export default function App() {
  return (
    <NavigationContainer>
      <Drawer.Navigator initialRouteName="Home">
        <Drawer.Screen name="Home" component={HomeScreen} />
        ...
      </Drawer.Navigator>
    </NavigationContainer>
  )
}
...
	

بتاريخ 4 ساعات قال علي محسن:

بدايةً من المهم جداً تنسيق الكود حتى يصبح قابلاً للقراءة لك وللجميع. لاحظ أنك تحاول إستعمال نوعين من navigators وبالتأكيد كل واحد منهم له الـ rules الخاصة به. يمكنك وضع drawer داخل navigationContainer لكن بدون stack.navigator   , stack.screen  وكما تلاحظ في رسالة الخطأ باللون الأحمر ولحل المشكلة يمكنك النظر في المثال أدناه لأخذ الفكرة عن الحل

...
const Drawer = createDrawerNavigator();
export default function App() {
  return (
    <NavigationContainer>
      <Drawer.Navigator initialRouteName="Home">
        <Drawer.Screen name="Home" component={HomeScreen} />
        ...
      </Drawer.Navigator>
    </NavigationContainer>
  )
}
...
	

حسنا ولاكن اذا كنت اريد عرض Drawer في الشاشه الرئيسيه فقط بمعنا انه يتم سحب الشاشه لفتح Drawer من Home فقط اما باقي الشاشات كما كانيين