كيفية عمل upgrade من react navigation 4 ل react navigation 5

معنى الخطئ 

TypeError : undefined is not an object ( evaluating 'navigation.state.params') )

أن navigation غير معرف داخل الدالة onSaveNote يجب أن يكتب هكذا

function onSaveNote({ navigation }){

} 

بتاريخ 7 دقائق مضت قال mohamedewias :

معني الخطئ 

TypeError : undefined is not an object ( evaluating 'navigation.state.params') )

ان navigation غير معرف داخل الدالة onSaveNote

يجب أن يكتب هكذا function onSaveNote(     navigation) {

} 

للأسف لم تنفع .. اانا اريد ترقية الكود للنسخة الخامسة لاننى قرات فى الDOCS ان هذا السطر لم يعد يعمل 
navigation.state.params.addNote({ noteTitle, noteValue })

وانا اريد تعديله حتى يتماشى مع النسخة الخامسة 

يمكنك الاطلاع على هذا المثال حتى تتعلم كيف نقوم بتمرير ال parameters إلى screen سابقة حيث أن الطريقة التي استخدمتها غير صالحة الآن.

حيث أننا أصبحنا نستخدم navigate بدلًا من ()goback.أيضًا يمكننا تمرير المعاملات باستخدام navigate 

function HomeScreen({ navigation, route }) {
  React.useEffect(() => {
    if (route.params?.post) {
      // Post updated, do something with `route.params.post`
      // For example, send the post to the server
    }
  }, [route.params?.post]);

  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Button
        title="Create post"
        onPress={() => navigation.navigate('CreatePost')}
      />
      <Text style={{ margin: 10 }}>Post: {route.params?.post}</Text>
    </View>
  );
}

function CreatePostScreen({ navigation, route }) {
  const [postText, setPostText] = React.useState('');

  return (
    <>
      <TextInput
        multiline
        placeholder="What's on your mind?"
        style={{ height: 200, padding: 10, backgroundColor: 'white' }}
        value={postText}
        onChangeText={setPostText}
      />
      <Button
        title="Done"
        onPress={() => {
          // Pass params back to home screen
          navigation.navigate('Home', { post: postText });
        }}
      />
    </>
  );
}

يمكن تحديث الحالة state بإستعمال route بدلاً من navigation

كمثال:

function addNotes ({navigation,route}) {

....// yourcodes

route.params.addNote({ NoteTitle, NoteDescription });

navigation.goBack();

}

بتاريخ 6 دقائق مضت قال رضوان نسيم:

 

يمكن تحديث الحالة state بإستعمال route بدلا من navigation

كمثال:

 

 

شكرا جزيلا لحضرتك ... نفعت بفضل الله ثم مساعدتك شكرا جزيلا