react-native-material-bottom-navigation | 💅🔧👌 a beautiful , customizable and easy-to-use material | User Interface library

While running ReactNative Android app getting the below Exception and also while Bundle, getting the same exception.

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

Unable to resolve module DatePickerIOS from Project_Path/node_modules/react-native/Libraries/react-native/react-native-implementation.js: Module DatePickerIOS does not exist in the Haste module map

Kindly help me to resolve this.

Package.json: "dependencies": { "react": "16.3.1", "react-native": "0.55.2", "react-native-calendars": "1.17.7", "react-native-carousel-view": "0.5.1", "react-native-confirmation-code-input": "1.0.4", "react-native-dash": "0.0.8", "react-native-elements": "0.19.1", "react-native-fbsdk": "0.7.0", "react-native-google-places-autocomplete": "1.3.6", "react-native-google-sign-in": "1.0.16", "react-native-i18n": "2.0.12", "react-native-indicators": "0.12.0", "react-native-maps": "0.21.0", "react-native-material-bottom-navigation": "0.9.0", "react-native-material-dropdown": "0.11.1", "react-native-material-ui": "1.22.1", "react-native-modalbox": "1.4.2", "react-native-searchbar": "1.14.0", "react-native-sensitive-info": "5.1.0", "react-native-splash-screen": "3.0.6", "react-native-vector-icons": "4.6.0", "react-navigation": "1.5.11", "react-native-tab-view": "0.0.77", "react-native-global-props": "1.1.3" }

I create a bottom navigation in my react native project. But its not looking good in Iphone10. It showing extra space in bottom.Please help me how to resolve this. This is below code i tried.

I am new to react-native and I am unable to resolve below issue.

TypeError: undefined is not an object (evaluating this.getActiveTab().barColor)

The above error occurs in below component

I'm using the react-native-material-bottom-navigation package for my app. But whenever I call setState, even if I don't even pass a new state change, the bottom navigation resets to the first tab. What is causing this? The example code works just fine but as soon as I throw in setState it messes up.

Example code:

I have constant crashes on the simulator with an event keyboardDidChangeFrame in RCTKeyboardObserver

I am using react navigation tab navigator and react native material bottom navigation and it currently swipes from screen to screen. How would I make it cross fade from one screen to another like the Material Design Guidelines suggests.

Router.js

I want to create a bottom tab bar like given below without using any library like react-native-material-bottom-navigation as I don't want any label for my Bottom Tabbars & the library has no option for making label optional. Also it provides animation which looks pretty weird when I used it.

Now I tried implementing a simple tab bar navigation like follows -