{"action":"created","issue":{"url":"https://api.github.com/repos/react-community/react-navigation/issues/143","repository_url":"https://api.github.com/repos/react-community/react-navigation","labels_url":"https://api.github.com/repos/react-community/react-navigation/issues/143/labels{/name}","comments_url":"https://api.github.com/repos/react-community/react-navigation/issues/143/comments","events_url":"https://api.github.com/repos/react-community/react-navigation/issues/143/events","html_url":"https://github.com/react-community/react-navigation/issues/143","id":204721249,"number":143,"title":"Params not being passed when navigating between Stacks (repro included)","user":{"login":"davideweaver","id":737309,"avatar_url":"https://avatars.githubusercontent.com/u/737309?v=3","gravatar_id":"","url":"https://api.github.com/users/davideweaver","html_url":"https://github.com/davideweaver","followers_url":"https://api.github.com/users/davideweaver/followers","following_url":"https://api.github.com/users/davideweaver/following{/other_user}","gists_url":"https://api.github.com/users/davideweaver/gists{/gist_id}","starred_url":"https://api.github.com/users/davideweaver/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/davideweaver/subscriptions","organizations_url":"https://api.github.com/users/davideweaver/orgs","repos_url":"https://api.github.com/users/davideweaver/repos","events_url":"https://api.github.com/users/davideweaver/events{/privacy}","received_events_url":"https://api.github.com/users/davideweaver/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":3,"created_at":"2017-02-01T22:12:29Z","updated_at":"2017-02-01T23:41:40Z","closed_at":null,"body":"I use the following code to create an initial screen that does not have a NavBar but pushes on a stack that contains a floating NavBar. When navigating to the second stack, params are being passed. It doesn't appear that those params are being passed to the new screen. This can be seen in the attached screenshot. **undefined** should not be showing.\r\n\r\n![image](https://cloud.githubusercontent.com/assets/737309/22528214/4da99ff2-e8a0-11e6-9267-ee0f6027a5b5.png)\r\n\r\n**index.ios.js**\r\n```\r\nimport React, { Component } from 'react';\r\nimport { StackNavigator } from \"react-navigation\"\r\nimport { AppRegistry, Text, View, Button } from 'react-native';\r\n\r\nclass FirstView extends Component {\r\n  render() {\r\n    const {navigate} = this.props.navigation;\r\n    return (\r\n      <View style={{marginTop:20}}>\r\n        <Text>First View</Text>\r\n          <Button title=\"Second\" onPress={() => navigate(\"HeaderStack\", {name:\"Jo\"})} />\r\n      </View>\r\n    );\r\n  }\r\n}\r\n\r\nclass SecondView extends Component {\r\n  render() {\r\n    const {state} = this.props.navigation;\r\n    var name = state.params ? state.params.name : \"<undefined>\";\r\n    return (\r\n      <View><Text>Second View: {name}</Text></View>\r\n    );\r\n  }\r\n}\r\n\r\nconst HeaderStack = StackNavigator({\r\n  SecondView: { screen: SecondView }\r\n}, {\r\n    headerMode: \"float\",\r\n});\r\n\r\nconst NoHeaderStack = StackNavigator({\r\n  FirstView: { screen: FirstView },\r\n  HeaderStack: { screen: HeaderStack }\r\n}, {\r\n  headerMode: \"none\"\r\n});\r\n\r\nAppRegistry.registerComponent('ParamsRepo', () => NoHeaderStack);\r\n```\r\n\r\nIs this a bug, or is there another way to accomplish the same thing?\r\n"},"comment":{"url":"https://api.github.com/repos/react-community/react-navigation/issues/comments/276819944","html_url":"https://github.com/react-community/react-navigation/issues/143#issuecomment-276819944","issue_url":"https://api.github.com/repos/react-community/react-navigation/issues/143","id":276819944,"user":{"login":"ElliottJRo","id":1139851,"avatar_url":"https://avatars.githubusercontent.com/u/1139851?v=3","gravatar_id":"","url":"https://api.github.com/users/ElliottJRo","html_url":"https://github.com/ElliottJRo","followers_url":"https://api.github.com/users/ElliottJRo/followers","following_url":"https://api.github.com/users/ElliottJRo/following{/other_user}","gists_url":"https://api.github.com/users/ElliottJRo/gists{/gist_id}","starred_url":"https://api.github.com/users/ElliottJRo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ElliottJRo/subscriptions","organizations_url":"https://api.github.com/users/ElliottJRo/orgs","repos_url":"https://api.github.com/users/ElliottJRo/repos","events_url":"https://api.github.com/users/ElliottJRo/events{/privacy}","received_events_url":"https://api.github.com/users/ElliottJRo/received_events","type":"User","site_admin":false},"created_at":"2017-02-01T23:41:40Z","updated_at":"2017-02-01T23:41:40Z","body":"hey @davideweaver try this:\r\n```\r\n<Button title=\"Second\" onPress={() => navigate(\"HeaderStack\",{},\r\n  {\r\n    type: \"Navigate\",\r\n    routeName: \"SecondView\",\r\n    params: {name:\"Jo\"}\r\n  }\r\n)} />\r\n```\r\n\r\nWhats going on is -> we navigate to \"HeaderStack\" and then set a second \"Navigate\" action to be handled by the child router (which is the \"HeaderStack\" `Navigator`). [reference](https://reactnavigation.org/docs/navigators/navigation-prop)"}}
{"actor":{"display_login":"ElliottJRo"}}