كيف اقوم بمعرفة ال 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

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

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

إعلانات

تابعنا على

الرئيسية

كيف أتعلم؟

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية