react native cannot read property 'alignItems' of undefined

[planetwebsolution]

This strange error is coming only while I run app in IOS. My configuration is as below:

"dependencies": {
"axios": "^0.17.1",
"lodash": "^4.17.4",
"moment-timezone": "^0.5.14",
"name-initials": "^0.1.3",
"prop-types": "^15.6.0",
"react": "16.2.0",
"react-addons-update": "^15.6.2",
"react-native": "0.49.0",
"react-native-actionsheet": "^2.3.0",
"react-native-collapsible": "^0.10.0",
"react-native-drawer": "^2.5.0",
"react-native-drawer-menu": "^0.2.4",
"react-native-elements": "^0.18.2",
"react-native-fcm": "^14.1.0",
"react-native-hr": "^1.1.3",
"react-native-icon-button": "^1.0.0",
"react-native-infinite-scroll": "^1.0.6",
"react-native-infinite-scroll-view": "^0.4.3",
"react-native-keyboard-aware-scroll-view": "^0.4.1",
"react-native-keyboard-aware-scrollview": "^2.0.0",
"react-native-largelist": "0.0.6",
"react-native-loading-spinner-overlay": "^0.5.2",
"react-native-modal-picker": "0.0.16",
"react-native-nested-listview": "^0.3.0",
"react-native-orientation": "^3.1.3",
"react-native-paginated-listview": "^1.0.2",
"react-native-popup-menu": "^0.12.1",
"react-native-simple-modal": "^7.0.0",
"react-native-vector-icons": "^4.5.0",
"react-navigation": "^1.0.0-beta.19",
"react-redux": "^5.0.6",
"redux": "^3.7.2",
"redux-logger": "^3.0.6",
"redux-thunk": "^2.2.0"
}

Can anyone please help me ?

[react-native-bot]

Thanks for posting this! It looks like your issue may be incomplete. Are all the fields required by the Issue Template filled out?

You may safely ignore this if you believe your issue contains all the relevant information. Thank you for your contributions.

_{How to Contribute • What to Expect from Maintainers}

[planetwebsolution]

I found the root cause for this issue. This is not related with this repo but actually it is related with React-navigation. Mistakenly I configured StackNavigator wrong. I had to put valid navigationOptions. Here below is the code for the reference which may help some one:

const LoginStack = StackNavigator({
    ...
}, {
  navigationOptions: ({navigation}) => ({
      drawerLabel: 'XXXX',
      headerStyle: null, //It was the error and it should be either removed or replaced by valid object 
      headerLeft:<DrawerButton navigation={navigation} />,
    }),
    initialRouteName : "ccc"
})

After removing headerStyle(because in my case it is null) it worked.