react-navigation

I am trying to use react-navigation to create a initial LOGIN screen which has no tabbar and header, and once the user has been successfully authenticated will navigate to another screen called LISTRECORD which has a tabbar, header and no back button option. Anyone has experience in this and can share? In summary, what i m trying to achieve with react-navigation is described below... Screen 1: Login Screen (No Header & Tabbar) Authenticated... Screen 2: LISTRECORD (Header, Tabbar and No Back Button) The tabbar contains other tabs too for navigation to Screen 3, Screen 4... agm1984 Oct 2017 I

I am using react-navigation . I am passing props from a react-native component to the modal from react-navigation which is opened on a tap. export default class SomeComp extends Component { ... render() { const { navigate } = this.props; return ( <TouchableOpacity onPress={navigate("Modal", {data: ..., ...})} ..../> ) } } Inside the modal I access the goBack() function which closes the modal , as well as the props passed through SomeComp export default class Modal extends Component { ... render() { const { data, ... } = this.props.navigation.state.params; const { goBack } = this.props

I was trying to use StackNavigator for navigation and it works when I use it to go from one screen to the other as explained here . But when I try to have a subcomponent to navigate through itself, the navigation doesn't seem to work and I couldn't find any solution to it. As given in the code below, I'm trying to use the Test Component in which there is a button that can be clicked to move from HomeScreen to ChatScreen. I'm pretty sure the solution is something basic, but I really can't find it anywhere. Here's my code: import React from 'react'; import { AppRegistry, Text, View, Button }