请问 rn @react-navigation/native 如何做 404页面 ？

Question

请问 rn @react-navigation/native 如何做 404页面 ？

Answer 1

可以使用高阶组件hoc实现类似于路由守卫

import React from 'react';
import NoPermission from '../views/error-page';
export function permissionHoc(WrapComponent) {
return function Index(props) {

const currentPageTag = props.route.name
const permissionList = ['HomeScreen'];  // 有权限的页面
if (permissionList.includes(currentPageTag)) {
  return <WrapComponent {...props} />;
} else {
  return <NoPermission />;
}

};
}

组件使用：
import { permissionHoc } from '../hoc/withPermission';
<Stack.Screen name={Home} component={permissionHoc(item.component)} />