react-native 中的 Stacknavigator 问题（如何在路由中传递道具）答案

【问题标题】：Stacknavigator issue in react-native(how to pass props in routes)react-native 中的 Stacknavigator 问题（如何在路由中传递道具）
【发布时间】：2020-03-22 09:47:02
【问题描述】：

app.js ：它包含到所有屏幕的路由。是否需要在路由中传递道具？例如，当我显示博客详细信息时 (this.props.navigation.navigate('BlogDetailsRT',{id:blog_id}) 我传递了博客的 id。我还需要在路由中指定它吗？？如果是那么怎么办？？

 const AppNavigator = createStackNavigator(
  {
   CreateBlogRT: {
  screen: CreateBlog
  },
  BlogDetailsRT: {
  screen: BlogDetails
 },
EditBlogRT: {
  screen: EditBlog
},
DeleteBlogRT: {
  screen: DeleteBlog
},
HomeRT: {
  screen: Home
 },
 },
{
initialRouteName: 'HomeRT'

} );

  const MyRoutes = createAppContainer(AppNavigator);
       export default class App extends React.Component {

       render() {
  return (
    <MyRoutes />

  );
}
}

Home.js：点击 BlogDetails，现在应用程序崩溃。

 <TouchableHighlight onPress={this.props.navigation.navigate('BlogDetailsRT', { id: blogid })} underlayColor='#31e981'>
                        <Text style={styles.buttons}> Blog details</Text>
                    </TouchableHighlight>

请有人帮助我。如何在路线中传递道具？？？

【问题讨论】：

标签： react-native stack-navigator

【解决方案1】：

不，您不需要在导航中强制传递道具。只有当你需要在下一屏使用时才通过

您能告诉我应用程序崩溃时会显示什么错误吗？如果可行，您甚至可以尝试在“id”中传递静态值，然后尝试传递动态值

【讨论】：