如何使用反应导航从屏幕内部的组件导航到另一个屏幕？

Question

因此，我有一个名为LoginScreen.js的文件，该文件调用了组件PhoneLogin.js。我可以从LoginScreen.js运行此代码this.props.navigation.navigate('App')，并且应用程序可以正确导航，但是当我从PhoneLogin.js运行该代码时，出现以下错误：

  

TypeError：无法读取未定义的属性“ navigate”

我相信这是因为PhonLogin组件没有导航道具，但是我该如何扩展道具呢？

Answer 1

是的，它缺少导航道具。您必须将其从父级传递到组件。例如，如果您使用的是JSX，则<PhoneLogin navigation={this.props.navigation} ... />。