كيف اقوم بمعرفة ال current route name باستخدام react navigation ؟

أحمد عبد الله2 · 22 مارس 2022

انا اريد انا قوم بمعرفة اسم ال route name ل screen المفتوحة .. انا استخدم الهوك useRoute ولكنى يخرج لى هذا الخطأ

Error: Couldn't find a route object. Is your component inside a screen in a navigator?

Navigation.js file

export default function Navigation() {
  const route = useRoute(); // show error >> Error: Couldn't find a route object. Is your component inside a screen in a navigator?
  
  return (
      <Stack.Navigator
        screenOptions={{
          headerShown: false,
        }}>
            <Stack.Screen name="HomeScreen" component={HomeScreen} />
      </Stack.Navigator>
  );
}

تم التعديل في 22 مارس 2022 بواسطة أحمد ابراهيم عبد الله

Salah Eddin Beriani2 · 22 مارس 2022

يتم تزويد كل مكون شاشة في تطبيقك بعنصر التوجيه تلقائيًا يحتوي على معلومات متنوعة تتعلق بالمسار الحالي وهذا في react-navigation النسخة 6 من المكتبة يمكنك جلب اسم الشاشة ب

function HomeScreen({ route }) {
  return (
    <View>
      <Text>This is the profile screen of the app</Text>
      <Text>{route.name}</Text>
    </View>
  );
}

أو يمكنك استخدام طريقتك لكن في مكون الشاشة وليس في Navigation لأنه ليس داخل navigator

import { useRoute } from '@react-navigation/native';


function HomeScreen() {
 const route = useRoute();

  return (
    <View>
      <Text>This is the profile screen of the app</Text>
      <Text>{route.name}</Text>
    </View>
  );
}

شرف الدين حفني · 22 مارس 2022

هل يمكنك إرفاق الشفرة التي تقوم من خلالها بإستدعاء تلك الcomponent?

كيف اقوم بمعرفة ال current route name باستخدام react navigation ؟

السؤال

أحمد عبد الله2

رابط هذا التعليق

شارك على الشبكات الإجتماعية

2 أجوبة على هذا السؤال

Recommended Posts

Salah Eddin Beriani2

رابط هذا التعليق

شارك على الشبكات الإجتماعية

شرف الدين حفني

رابط هذا التعليق

شارك على الشبكات الإجتماعية

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية