I installed react native on linux machine.I want to implement createBottomTabNavigator in my practice code.I create 5 folders and index.js inside them. navigate.js :
import {createAppContainer} from 'react-navigation';
import {createBottomTabNavigator} from 'react-navigation-tabs';
import Profile from './common/pages/profile';
import Home from './common/pages/home';
import Search from './common/pages/search';
import Camera from './common/pages/camera';
import Notification from './common/pages/notification';
const Navigate=createBottomTabNavigator({
Profile:{screen:Profile},
Home:{screen:Home},
Camera:{screen:Camera},
Search:{screen:Search},
Notification:{screen:Notification}
});
export default createAppContainer(Navigate);
and main index.js:
import {AppRegistry} from 'react-native';
import Navigate from './navigate';
import {name as appName} from './app.json';
AppRegistry.registerComponent(appName, () => Navigate);
now when I run in genymotion i have error:
- null is not an object ''evaluating _ReanimatedModule.default.configureProps'
my package.json:
{
"name": "myinstagram",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "react-native start",
"test": "jest",
"lint": "eslint ."
},
"dependencies": {
"react": "16.8.6",
"react-native": "0.60.5",
"react-native-gesture-handler": "^1.4.1",
"react-native-reanimated": "^1.2.0",
"react-navigation": "^4.0.2",
"react-navigation-tabs": "^2.4.1"
},
"devDependencies": {
"@babel/core": "^7.6.0",
"@babel/runtime": "^7.6.0",
"@react-native-community/eslint-config": "^0.0.5",
"babel-jest": "^24.9.0",
"eslint": "^6.3.0",
"jest": "^24.9.0",
"metro-react-native-babel-preset": "^0.56.0",
"react-test-renderer": "16.8.6"
},
"jest": {
"preset": "react-native"
}
}