react-navigation

when update the expo from (16.0.0) to (24.0.0) and react navigation from (git+ https://github.com/react-community/react-navigation.git ) to (^1.0.0-beta.21) version, this error occured Finally found out how to solve this, its an undocumented DrawerNavigatorConfig: drawerOpenRoute: 'DrawerOpen', drawerCloseRoute: 'DrawerClose', drawerToggleRoute: 'DrawerToggle' Look here: https://github.com/react-community/react-navigation/issues/3148#issuecomment-352778884 remove ^ from package json before react-nativetion package it should be look like this "react-navigation": "1.0.0-beta.20" not "react

I'm implementing React Navigation in my React Native app, and I'm wanting to change the background and foreground colors of the header. I have the following: /** * Sample React Native App * https://github.com/facebook/react-native * @flow */ import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, View } from 'react-native'; import { StackNavigator } from 'react-navigation'; export default class ReactNativePlayground extends Component { static navigationOptions = { title: 'Welcome', }; render() { return ( <View style={styles.container}> <Text style={styles.welcome}>

I am beginner in react native so may be my question seems silly to all experts. but I am struggling with a basic feature that i want to implement that i want to start my app with splash screen and after few seconds i want to show login screen or main screen. I checked some example but did not found any example with full code so don't know how to use those code snippets in my app. I've tried to apply some code as per documentation but my code is giving error, please have a look and help me. Below is my code: Index.android.js /** * Sample React Native App * https://github.com/facebook/react

I just want to know honest, experienced and objetive points of view about these two soutions to implement the navigation in React Native: React Navigation React Native Navigation Which is better and why. Thanks React Native Navigation as the name says uses the native modules with a JS bridge, so performance will/may be better. requires native integration. While React Navigation is a simple and powerful solution provided by react native itself. Its an all JS implementation unlike the other that uses native support which can be tricky. Just npm-install and you're good to go ... Use react

I have an issue with createMaterialTopTabNavigator, I'm already declaring an AppContainer in my Route.js File, the error goes away if create a separate AppContainer for a TobTab in a screen I want to add these Tob Tabs in like this const Root = createAppContainer(NavTabs); so I made a specific file contained a Tabs "NavTabs.js" import { createMaterialTopTabNavigator } from "react-navigation"; import AboutScreen from "./About"; import GalaryScreen from "./Galary"; import ReviewsScreen from "./Reviews"; const NavTabs = createMaterialTopTabNavigator( { About: { screen: AboutScreen }, Galaty: {

I'm making an app using react-navigation with react-native. The structure of my app is, Main Tab - Tab 1 (Stack) - screen A - screen B - screen C - Tab 2 (Stack) - screen D - screen E - screen F What I want to do is reset Tab 1 (Stack Navigator) at the specific time and do not navigate to Tab 1. if a user is located in screen F, I just want to reset Tab 1 (Stack) without letting the user move to Tab 1. So I think dispatching navigation actions should be triggered outside of these react components, somewhere like resetHelper.js But I can't figure out how to reset a specific stack without

I am trying to make a button appear in headerRight of the header bar in a React Navigation screen, but I cant seem to get it to work. I want the start button (what is in headerRight ) to show when props.players.length > 1 . Can anyone point me in the right direction? You can use the same mechanics describe here for title: https://reactnavigation.org/docs/en/headers.html#setting-the-header-title Set a navigation params and use it on your navigationOptions. In your case: state = { players: 0 }; static navigationOptions = ({ navigation }) => { return { headerRight: navigation.getParam('players',