反应导航将什么视为屏幕？

Question

react-navigation 认为什么是屏幕？

它是否在 RouteConfigs（即 StackNavigator）中的任何条目？它是否也需要是 ES6 class?

我正在尝试访问 this.props.navigation，但 props 是 undefined，我怀疑这是因为我的组件是无状态功能组件。如果我把它变成 class 道具就在那里。

有没有办法使用无状态功能组件和导航？

Answer 1

当您使用无状态组件时，您无法使用 this.props 访问道具，因为无状态意味着只是一个简单的函数（而不是 class 实例），即没有 this.因此，您可以使用函数参数访问 props。请参阅以下两个示例：

const StatelessComponent = props => (
    <div>{props.label}</div>
);

或者：

const StatelessComponent = ({label , anotherProp}) => (
    <div>{label}</div>
);

因此，在您的情况下，只需访问 props.navigation。

What is considered a screen by react-navigation?