{"action":"opened","issue":{"url":"https://api.github.com/repos/aksonov/react-native-router-flux/issues/2660","repository_url":"https://api.github.com/repos/aksonov/react-native-router-flux","labels_url":"https://api.github.com/repos/aksonov/react-native-router-flux/issues/2660/labels{/name}","comments_url":"https://api.github.com/repos/aksonov/react-native-router-flux/issues/2660/comments","events_url":"https://api.github.com/repos/aksonov/react-native-router-flux/issues/2660/events","html_url":"https://github.com/aksonov/react-native-router-flux/issues/2660","id":277335323,"number":2660,"title":"Tabs: tab bar misplaced and styling on Android","user":{"login":"bm-software","id":19502861,"avatar_url":"https://avatars1.githubusercontent.com/u/19502861?v=4","gravatar_id":"","url":"https://api.github.com/users/bm-software","html_url":"https://github.com/bm-software","followers_url":"https://api.github.com/users/bm-software/followers","following_url":"https://api.github.com/users/bm-software/following{/other_user}","gists_url":"https://api.github.com/users/bm-software/gists{/gist_id}","starred_url":"https://api.github.com/users/bm-software/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bm-software/subscriptions","organizations_url":"https://api.github.com/users/bm-software/orgs","repos_url":"https://api.github.com/users/bm-software/repos","events_url":"https://api.github.com/users/bm-software/events{/privacy}","received_events_url":"https://api.github.com/users/bm-software/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-11-28T10:38:19Z","updated_at":"2017-11-28T10:38:19Z","closed_at":null,"author_association":"CONTRIBUTOR","body":"### Version\r\n- react-native-router-flux v4.0.0-beta.24\r\n- react-native v0.50.4\r\n\r\n### Expected behaviour\r\n\r\nI'm trying to use `Tabs` in my app and I would obtain something like:\r\n\r\n![screenshot_20171128-112631](https://user-images.githubusercontent.com/19502861/33315115-001cf88e-d430-11e7-8f26-876ae2e1e6f6.png)\r\n\r\nSo the default Android system tab appearance.\r\n\r\n### Actual behaviour\r\nI'm obtaining this:\r\n\r\n![screenshot_20171128-112606](https://user-images.githubusercontent.com/19502861/33315207-4aaf37b8-d430-11e7-84ab-7c1167187bc6.png)\r\n\r\n### Steps to reproduce\r\nUse the following code that will result in the misplaced tab bar shown in the screenshot above.\r\nNote that I've built the following code reading your Example source files.\r\n\r\n    <Router createReducer={createReducer} backAndroidHandler={onBackPress}>\r\n        <Stack key='root' navigationBarStyle={sharedStyles.header}>\r\n            <Scene key='splash' component={SplashScreen} initial type='reset' hideNavBar/>\r\n            <Scene key='wrapper' hideNavBar>\r\n            <Tabs key='main'\r\n                swipeEnabled\r\n                showLabel={true}\r\n                tabBarStyle={{backgroundColor: '#FFFFFF'}}>\r\n\r\n                <Stack key='occasional'\r\n                    title='Occasionale'\r\n                    tabBarLabel=\"Occasionale L\"\r\n                    icon={TabIcon}>\r\n                    <Scene\r\n                        key='computation'\r\n                        component={TabView}\r\n                        title='Calcolo occasionale'>\r\n                    </Scene>\r\n                </Stack>\r\n\r\n                <Stack key='vat'\r\n                    title='P. IVA'\r\n                    tabBarLabel=\"P. IVA L\"\r\n                    icon={TabIcon}>\r\n                    <Scene\r\n                        key='computation'\r\n                        component={TabView}\r\n                        title='Calcolo p. iva'>\r\n                    </Scene>\r\n                </Stack>\r\n            </Tabs>\r\n            </Scene>\r\n        </Stack>\r\n    </Router>\r\n\r\n"}}
{"actor":{"display_login":"bm-software"}}