react-navigation

I'm using React-Navigation and I have a StackNavigator, this is the app.js with the Stack + Tabs Navigator: import React from 'react'; import { AppRegistry } from 'react-native'; import { StackNavigator, TabNavigator } from 'react-navigation'; import LoginScreen from './app/screens/LoginScreen'; import RegisterScreen from './app/screens/RegisterScreen'; import HomeScreen from './app/screens/HomeScreen'; import FriendsScreen from './app/screens/FriendsScreen'; const Stylelist = StackNavigator({ Login:{ screen: LoginScreen, navigationOptions: ({navigation}) =>({ header: null, }), }, Register:{

Without using Redux, how do I detect a tab change with a react navigation tab navigator? I know I need to somehow use onNavigationStateChange but I can't figure out how to update the current view. export default () => <MyTabNav ref={(ref) => { this.nav = ref; }} onNavigationStateChange={(prevState, currentState) => { //call function on current view }} />; bumbur export default () => <MyTabNav ref={(ref) => { this.nav = ref; }} onNavigationStateChange={(prevState, currentState) => { const getCurrentRouteName = (navigationState) => { if (!navigationState) return null; const route =

React-navigation docs are still young, and reading through the issues is not working quite much for me (changes on each version) does anyone have a working method to center title in Android using react-navigation in React Native? Val Use headerTitleStyle : static navigationOptions = { headerTitleStyle: { alignSelf: 'center' }, title: 'Center Title', } Modified 2019/03/12: In year of 2018, after react-navigation v2 release (7 Apr 2018), for some reason alignSelf was not working anymore. Here it is the new working way, using headerLayoutPreset . from @HasanSH: const HomeActivity_StackNavigator =

UPDATE : react-navigation web support is done. follow this: https://reactnavigation.org/docs/en/web-support.html ORIGIN : I try to share my code between react-native and web. when I try react-native-web, it works well. but there is only one question, how to access the specific screen from URL? I read the react-navigation docs, there nothing about that. and react-router-native can catch the web URL, but it has navigator likes StackNavigator/DrawerNavigator. and idea about that? 来源： https://stackoverflow.com/questions/49186634/how-to-use-react-native-web-and-react-navigation-together-and-access

I'm using react-navigation and have a StackNavigator with a ParentScreen and a ChildScreen . Both screens have the same navigation bar with a dynamic value from redux. Implemented like described in Issue #313 This works as expected. When I'm in DetailScreen and I update the value for the count variable, it also updates the value in the navigation bar. Problem is, if I go back to the parent scene, there is still the old value in the navigation bar. It doesn't update to the current value in redux store. Child Parent (when I go back) ChildScreen class ChildScreen extends Component { static