{"action":"created","issue":{"url":"https://api.github.com/repos/wix/react-native-navigation/issues/2955","repository_url":"https://api.github.com/repos/wix/react-native-navigation","labels_url":"https://api.github.com/repos/wix/react-native-navigation/issues/2955/labels{/name}","comments_url":"https://api.github.com/repos/wix/react-native-navigation/issues/2955/comments","events_url":"https://api.github.com/repos/wix/react-native-navigation/issues/2955/events","html_url":"https://github.com/wix/react-native-navigation/issues/2955","id":310406244,"node_id":"MDU6SXNzdWUzMTA0MDYyNDQ=","number":2955,"title":"How to get the Tab Bar like i describe in image using react native","user":{"login":"sandeep0607","id":32636310,"node_id":"MDQ6VXNlcjMyNjM2MzEw","avatar_url":"https://avatars0.githubusercontent.com/u/32636310?v=4","gravatar_id":"","url":"https://api.github.com/users/sandeep0607","html_url":"https://github.com/sandeep0607","followers_url":"https://api.github.com/users/sandeep0607/followers","following_url":"https://api.github.com/users/sandeep0607/following{/other_user}","gists_url":"https://api.github.com/users/sandeep0607/gists{/gist_id}","starred_url":"https://api.github.com/users/sandeep0607/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sandeep0607/subscriptions","organizations_url":"https://api.github.com/users/sandeep0607/orgs","repos_url":"https://api.github.com/users/sandeep0607/repos","events_url":"https://api.github.com/users/sandeep0607/events{/privacy}","received_events_url":"https://api.github.com/users/sandeep0607/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-04-02T06:22:17Z","updated_at":"2018-06-02T03:36:36Z","closed_at":null,"author_association":"NONE","body":"<!--\r\n  Please post questions in Stack Overflow under the react-native-navigation tag\r\n\r\n  https://stackoverflow.com/questions/tagged/react-native-navigation\r\n-->\r\n\r\n### Issue Description\r\nHow to get the tab like this in react native for native platform {for Ios and android both}\r\n\r\n![image](https://user-images.githubusercontent.com/32636310/38185472-d3c6bfd8-366b-11e8-837f-9c9c17d50090.jpg)\r\n\r\ncode for tab bar;\r\n\r\nvar myTabs = TabNavigator(\r\n  {\r\n    Setting: {\r\n      screen: SetttingScreen,\r\n      navigationOptions: {\r\n        tabBarLabel: \"Settings\",\r\n\r\n        tabBarIcon: ({ focused }) =>\r\n          focused ? (\r\n            <Image\r\n              style={{ width: 24, height: 24, tintColor: \"white\" }}\r\n              source={require(\"./app/components/Screens/Images/setting.png\")}\r\n            />\r\n          ) : (\r\n            <Image\r\n              style={{ width: 24, height: 24, tintColor: \"white\" }}\r\n              source={require(\"./app/components/Screens/Images/setting.png\")}\r\n            />\r\n          ),\r\n        title: \"Settings\",\r\n\r\n        headerTitleStyle: {\r\n          alignSelf: \"center\",\r\n          color: \"white\",\r\n          fontWeight: \"normal\"\r\n        },\r\n        headerStyle: { backgroundColor: \"#333333\" },\r\n        headerLeft: null,\r\n        headerRight: null\r\n      }\r\n    },\r\n{ tabBarPosition: \"bottom\",\r\n\r\n    animationEnabled: true,\r\n    swipeEnabled: false,\r\n    forceTitlesDisplay: true,\r\n\r\n    tabBarOptions: {\r\n      pressColor: \"blue\",\r\n      indicatorStyle: {\r\n        opacity: 0\r\n      },\r\n      allowFontScaling: true,\r\n      upperCaseLabel: false,\r\n      showLabel: true,\r\n      activeTintColor: \"blue\",\r\n      labelStyle: {\r\n        fontSize: width * 0.022,\r\n        textAlign: \"center\"\r\n      },\r\n      showIcon: true,\r\n      style: {\r\n        elevation: 15,\r\n        borderTopWidth: 0,\r\n        // aspectRatio: width * 1,\r\n        backgroundColor: \"#221f1f\"\r\n        // padding: 0,\r\n        // height: height * 0.09\r\n      }\r\n    }\r\n  }\r\n\r\n[FILL THIS OUT - thanx in advance]\r\n\r\n---\r\n### Environment\r\n* React Native Navigation version: 1.1.2\r\n* React Native version: 0.54.0\r\n* Platform(s) (iOS, Android, or both?): both\r\n* Device info (Simulator/Device? OS version? Debug/Release?): android Device 5.0 or more\r\n"},"comment":{"url":"https://api.github.com/repos/wix/react-native-navigation/issues/comments/394054780","html_url":"https://github.com/wix/react-native-navigation/issues/2955#issuecomment-394054780","issue_url":"https://api.github.com/repos/wix/react-native-navigation/issues/2955","id":394054780,"node_id":"MDEyOklzc3VlQ29tbWVudDM5NDA1NDc4MA==","user":{"login":"stale[bot]","id":26384082,"node_id":"MDM6Qm90MjYzODQwODI=","avatar_url":"https://avatars3.githubusercontent.com/in/1724?v=4","gravatar_id":"","url":"https://api.github.com/users/stale%5Bbot%5D","html_url":"https://github.com/apps/stale","followers_url":"https://api.github.com/users/stale%5Bbot%5D/followers","following_url":"https://api.github.com/users/stale%5Bbot%5D/following{/other_user}","gists_url":"https://api.github.com/users/stale%5Bbot%5D/gists{/gist_id}","starred_url":"https://api.github.com/users/stale%5Bbot%5D/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/stale%5Bbot%5D/subscriptions","organizations_url":"https://api.github.com/users/stale%5Bbot%5D/orgs","repos_url":"https://api.github.com/users/stale%5Bbot%5D/repos","events_url":"https://api.github.com/users/stale%5Bbot%5D/events{/privacy}","received_events_url":"https://api.github.com/users/stale%5Bbot%5D/received_events","type":"Bot","site_admin":false},"created_at":"2018-06-02T03:36:36Z","updated_at":"2018-06-02T03:36:36Z","author_association":"NONE","body":"This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. \nIf you believe the issue is still relevant, please test on the latest version and report back. Thank you for your contributions.\n"}}
{"actor":{"display_login":"stale"}}