{"action":"created","issue":{"url":"https://api.github.com/repos/GeekyAnts/NativeBase/issues/1988","repository_url":"https://api.github.com/repos/GeekyAnts/NativeBase","labels_url":"https://api.github.com/repos/GeekyAnts/NativeBase/issues/1988/labels{/name}","comments_url":"https://api.github.com/repos/GeekyAnts/NativeBase/issues/1988/comments","events_url":"https://api.github.com/repos/GeekyAnts/NativeBase/issues/1988/events","html_url":"https://github.com/GeekyAnts/NativeBase/issues/1988","id":331133577,"node_id":"MDU6SXNzdWUzMzExMzM1Nzc=","number":1988,"title":"Custom Tab not working","user":{"login":"theapache64","id":9678279,"node_id":"MDQ6VXNlcjk2NzgyNzk=","avatar_url":"https://avatars1.githubusercontent.com/u/9678279?v=4","gravatar_id":"","url":"https://api.github.com/users/theapache64","html_url":"https://github.com/theapache64","followers_url":"https://api.github.com/users/theapache64/followers","following_url":"https://api.github.com/users/theapache64/following{/other_user}","gists_url":"https://api.github.com/users/theapache64/gists{/gist_id}","starred_url":"https://api.github.com/users/theapache64/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/theapache64/subscriptions","organizations_url":"https://api.github.com/users/theapache64/orgs","repos_url":"https://api.github.com/users/theapache64/repos","events_url":"https://api.github.com/users/theapache64/events{/privacy}","received_events_url":"https://api.github.com/users/theapache64/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":6,"created_at":"2018-06-11T10:34:24Z","updated_at":"2018-06-12T06:03:14Z","closed_at":null,"author_association":"NONE","body":"I tried to customize the `Tab` using below code, to simply get default `grey` background.\r\n\r\n```\r\nimport React from 'react'\r\nimport {Tab} from \"native-base\";\r\n\r\nexport default class GreyTab extends Tab {\r\n    render() {\r\n        return (\r\n            <Tab\r\n                heading={this.props.heading}\r\n                activeTabStyle={{backgroundColor: \"grey\"}}\r\n                tabStyle={{backgroundColor: \"grey\"}}\r\n                {...this.props}\r\n            >\r\n\r\n                {this.props.children}\r\n\r\n            </Tab>\r\n        );\r\n    }\r\n}\r\n```\r\nand used the `GreyTab` like this\r\n\r\n```\r\n<Tabs >\r\n                    <GreyTab\r\n                        heading=\"Tab1\">\r\n                        <Text>Tab 1 </Text>\r\n                    </GreyTab>\r\n                    <GreyTab heading=\"Tab2\">\r\n                        <Text>Tab 2</Text>\r\n                    </GreyTab>\r\n                    <GreyTab heading=\"Tab3\">\r\n                        <Text>Tab 3</Text>\r\n                    </GreyTab>\r\n</Tabs>\r\n```\r\n\r\nBut it's still renders the default `Tab`. \r\n\r\nIs this the right way to customize a component ? "},"comment":{"url":"https://api.github.com/repos/GeekyAnts/NativeBase/issues/comments/396475313","html_url":"https://github.com/GeekyAnts/NativeBase/issues/1988#issuecomment-396475313","issue_url":"https://api.github.com/repos/GeekyAnts/NativeBase/issues/1988","id":396475313,"node_id":"MDEyOklzc3VlQ29tbWVudDM5NjQ3NTMxMw==","user":{"login":"akhil-geekyants","id":27768184,"node_id":"MDQ6VXNlcjI3NzY4MTg0","avatar_url":"https://avatars3.githubusercontent.com/u/27768184?v=4","gravatar_id":"","url":"https://api.github.com/users/akhil-geekyants","html_url":"https://github.com/akhil-geekyants","followers_url":"https://api.github.com/users/akhil-geekyants/followers","following_url":"https://api.github.com/users/akhil-geekyants/following{/other_user}","gists_url":"https://api.github.com/users/akhil-geekyants/gists{/gist_id}","starred_url":"https://api.github.com/users/akhil-geekyants/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/akhil-geekyants/subscriptions","organizations_url":"https://api.github.com/users/akhil-geekyants/orgs","repos_url":"https://api.github.com/users/akhil-geekyants/repos","events_url":"https://api.github.com/users/akhil-geekyants/events{/privacy}","received_events_url":"https://api.github.com/users/akhil-geekyants/received_events","type":"User","site_admin":false},"created_at":"2018-06-12T06:03:14Z","updated_at":"2018-06-12T06:03:14Z","author_association":"COLLABORATOR","body":"@theapache64 `<Tabs>` expect a `<Tab/>` as child with its props. Replacing `<Tab>` component with a custom component with its child as `<Tab/>` may not work."}}
{"actor":{"display_login":"akhil-geekyants"}}