(0 , _reactNative.TabNavigator) is not a function

[PhpGuyZim]

While working through the example in docs, the first step/page (https://reactnavigation.org/docs/intro/) was perfect. Everything worked as advertised (I did have to import button and View which the example didn't)...but page 2 (https://reactnavigation.org/docs/intro/nesting) has got me stumped.

Why is TabNavigator giving that error? Do I need to import something I missed?
My code:

import React from 'react';
import {
	AppRegistry,
	Text,
	View,
	Button,
	TabNavigator
} from 'react-native';
import { StackNavigator } from 'react-navigation';

import Splash from './app/components/Splash';
import HomeScene from './app/components/HomeScene';
import SettingsScene from './app/components/SettingsScene'; 

const myapp = StackNavigator({
	Home: { screen: HomeScene },
	Settings: { screen: SettingsScene },
});     

const MainScreenNavigator = TabNavigator({
	home: { screen: HomeScene },
	settings: { screen: SettingsScene },
});

AppRegistry.registerComponent('myapp', () =>myapp);

[browniefed]

import { TabNavigator} from "reacts navigation" not from react-native

[PhpGuyZim]

Right on the money! Life saver! Thank you.

import { TabNavigator} from "react-navigation";

[chetanparakh]

Getting similar error but with _reactNavigation.TabNavigator instead of _reactNative.TabNavigator. Any idea why?

[mar8388]

I have the same

[rmn528]

same here

[brentvatne]

please post a new issue with a repro on https://snack.expo.io or in a new project

https://snack.expo.io/HkXt9dWqf - this shows it works as expected