反应本机导航问题

【问题标题】：React Native Navigation issue反应本机导航问题
【发布时间】：2018-01-29 14:36:23
【问题描述】：

undefined 不是对象（评估 'this.props.navigation'）

当我尝试单击并导航到出现上述错误的下一个屏幕时

【问题讨论】：

您需要将“导航”传递给组件，例如<Component navigation={this.props.navigation} />，以便您可以在组件中使用它。传递<Component {...this.props} /> 也可以，但可能会产生额外的副作用。
它们都在导航组件中吗？

【解决方案1】：

当您从一个组件移动到另一个组件或加载第一个组件时，您需要将导航道具向下传递给下一个组件。

例如<Item navigation={this.props.navigation}/> 上面的行会将您的导航传递给“项目”组件，您可以在项目组件中使用导航，并且您不会收到当前收到的错误。

如果您使用 react-navigation 包进行应用导航，另一种方法是创建一个根 stackNavigator，并将该 Stacknavigator 传递给您的 App.js，因此您的所有组件都将通过相同的导航，您不需要在屏幕之间传递导航，因为默认情况下它们都会拥有它们

【讨论】：