如何迁移反应导航导航功能？

Question

在React Native导航的v4版本下，此代码可以正常工作

export default class ExtScreen extends React.Component {
 getDetail = data => {
  this.props.navigation.navigate('DetailView', {data});
 }
}

我应该为v5做些什么？

Answer 1

<TouchableOpacity
                  key={data.id}
                  onPress={() => {
                    navigation.navigate("ExamConfirm", {
                      examid: data.id,
                      examname: data.exam_name,
                      duration: data.exam_duration,
                      desc: data.instruction
                    });
                  }}
                >
</TouchableOpacity>

Package.json

"dependencies": {
    "@react-native-community/masked-view": "0.1.5",
    "@react-navigation/bottom-tabs": "^5.1.1",
    "@react-navigation/native": "^5.0.9",
    "@react-navigation/stack": "^5.1.1",
}